:root{--wine:#650d1b;--wine2:#8f1b2d;--gold:#d6a52b;--gold2:#f5d778;--cream:#fff9ed;--paper:#fff;--ink:#292321;--muted:#716966;--line:#eadfc9;--soft:#fff2cc;--green:#16794c;--shadow:0 14px 40px rgba(75,25,10,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",Arial,sans-serif;background:radial-gradient(circle at 15% 0%,#fff5d8 0,transparent 28%),linear-gradient(#fffdf9,#fff7ea);line-height:1.65}a{color:inherit}.topline{height:4px;background:linear-gradient(90deg,var(--wine),var(--gold),var(--wine))}.top-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 5px 24px rgba(80,30,10,.06)}.nav-inner{max-width:1260px;margin:auto;padding:10px 18px;display:flex;align-items:center;gap:16px}.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--wine);min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff3bd,#e9bb45);box-shadow:0 5px 15px #b9802030;font-size:22px}.brand-logo h2{margin:0;font-size:1.08rem;line-height:1.1}.brand-logo p{margin:2px 0 0;font-size:.63rem;color:#b17d13;font-weight:850;letter-spacing:1px}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:8px 10px;border-radius:10px;text-decoration:none;font-size:.88rem;font-weight:700;color:#514844}.nav-links a:hover{background:var(--soft);color:var(--wine)}.nav-links .nav-cta{background:linear-gradient(135deg,var(--wine2),var(--wine));color:#fff;padding:9px 14px;border-radius:999px;box-shadow:0 6px 16px #76142625}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:20px}.page-wrapper{max-width:1260px;margin:auto;padding:20px 18px}.ad-slot{text-align:center;min-height:0;margin:0 auto 14px;overflow:hidden}.card,.ui-card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.section-header{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:36px 0 16px}.section-title{margin:0;color:var(--wine);font-size:1.55rem;font-weight:900;line-height:1.2}.section-subtitle{margin:5px 0 0;color:var(--muted);font-size:.88rem}.view-all-btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;color:var(--wine);font-weight:800;font-size:.82rem}.btn-maroon{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,var(--wine2),var(--wine));color:#fff;padding:12px 19px;border-radius:999px;text-decoration:none;font-weight:850;border:0;cursor:pointer;box-shadow:0 8px 20px #73132525;transition:.18s}.btn-maroon:hover{transform:translateY(-2px)}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--wine);font-size:.75rem;font-weight:850}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800;color:#443b38;font-size:.9rem}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #d9cdb9;border-radius:12px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c65b33}.notice{padding:13px 15px;border-radius:12px;margin:0 0 18px;font-weight:700}.notice.success{background:#eaf8f1;color:var(--green);border:1px solid #b9e6ce}.notice.error{background:#fff0ed;color:#b3261e;border:1px solid #f1c3bd}.footer-note{font-size:.78rem;color:#cdbb99}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:2000;background:#fff;padding:8px;border-radius:8px}.hero-glow{position:absolute;inset:auto -10% -70% auto;width:400px;height:400px;background:#f1c94e22;border-radius:50%;filter:blur(8px)}
@media(max-width:950px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:65px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:left;padding:11px 13px}.nav-links .nav-cta{text-align:center}.form-grid{grid-template-columns:1fr}}
@media(max-width:600px){.page-wrapper{padding:14px 11px}.card,.ui-card{padding:18px;border-radius:16px}.section-header{align-items:flex-start;flex-direction:column}.section-title{font-size:1.28rem}.brand-logo h2{font-size:1rem}.brand-logo p{font-size:.57rem}}

.nav-admin{padding:9px 13px;border:1px solid #e8d9bd;border-radius:999px;text-decoration:none;
color:#6a111d!important;font-weight:800!important;background:#fffaf0}
.nav-admin:hover{background:#f7e6b9!important}
@media(max-width:900px){.nav-admin{text-align:center}}
.nav-links a[aria-current="page"]{background:var(--soft);color:var(--wine)}
.mobile-bottom-nav{display:none}
@media(max-width:600px){
  body{padding-bottom:68px}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;z-index:1200;background:#fffdf9eF;backdrop-filter:blur(16px);border:1px solid #e5d6bd;border-radius:18px;box-shadow:0 10px 35px #4b180c22;padding:6px 4px}
  .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;color:#706762;font-size:.62rem;font-weight:800;padding:4px 2px;border-radius:12px}
  .mobile-bottom-nav a strong{font-size:1rem;line-height:1}
  .mobile-bottom-nav a.active{color:var(--wine);background:#fff1c8}
}

/* ============ Footer (footer.php से inline styles यहाँ लाए गए) ============ */
.site-footer{background:linear-gradient(135deg,#4b0712,#741425);color:#f6ead5;padding:38px 18px 18px;margin-top:45px}
.footer-wrap{max-width:1260px;margin:auto}
.footer-support{background:#ffffff0d;border:1px dashed #d8ad43;border-radius:18px;padding:20px;text-align:center;margin-bottom:32px}
.footer-support h3{margin:0;color:#f5d46e}
.footer-support-text{max-width:760px;margin:7px auto 15px;color:#e7d7b8;font-size:.87rem}
.footer-qr{background:#fff;padding:7px;border-radius:12px;object-fit:contain}
.footer-upi{margin-top:8px;color:#f6d36d;font-weight:800;font-size:.84rem}
.footer-note{font-size:.78rem;color:#cdbb99;margin-top:9px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:28px}
.footer-grid h4{margin:0 0 9px;color:#f6d36d}
.footer-grid p,.footer-grid a{color:#eadfc8;font-size:.86rem}
.footer-grid a{text-decoration:none}
.footer-grid a:hover{text-decoration:underline}
.footer-links{display:grid;gap:7px}
.footer-bottom{border-top:1px solid #ffffff20;margin-top:28px;padding-top:15px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#cdbb99;font-size:.76rem}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}}

/* ============ Cookie consent bar ============ */
.cookie-bar{position:fixed;left:10px;right:10px;bottom:10px;z-index:2000;background:#fffdf7;border:1px solid #e5d6bd;
  border-radius:14px;box-shadow:0 12px 34px rgba(75,24,12,.18);padding:12px 15px;display:flex;gap:12px;align-items:center;
  justify-content:center;flex-wrap:wrap;font-size:.8rem;color:#5d514b}
.cookie-bar a{color:var(--wine);font-weight:800}
.cookie-ok{background:linear-gradient(135deg,var(--wine2),var(--wine));color:#fff;border:0;border-radius:999px;
  padding:8px 18px;font-weight:800;cursor:pointer;font-size:.8rem}
@media(max-width:600px){.cookie-bar{bottom:76px}}

/* ============ Story page (story.php) ============ */
.story-page h1{color:var(--wine);font-family:Georgia,serif;margin-top:0;font-size:clamp(1.5rem,4vw,2rem);line-height:1.25}
.story-meta{font-size:.88rem;color:var(--muted);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line);
  display:flex;gap:15px;flex-wrap:wrap;align-items:center}
.story-body{font-size:1.08rem;line-height:1.9;color:#3a322f;margin-bottom:26px;overflow-wrap:break-word}
.story-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  border-top:1px solid var(--line);padding-top:18px}
.share-row{display:flex;gap:8px;flex-wrap:wrap}
.share-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:999px;text-decoration:none;
  font-weight:800;font-size:.82rem;color:#fff;border:0;cursor:pointer}
.share-wa{background:#25D366}.share-tg{background:#229ED9}.share-fb{background:#1877F2}.share-cp{background:#6b6259}
.bless-big{background:var(--green);border:0;color:#fff}
.story-back{display:block;margin-top:20px;text-align:center}
.story-back a{color:var(--wine);font-weight:800;text-decoration:none}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.related-grid{grid-template-columns:1fr}.story-actions{flex-direction:column;align-items:stretch}}

/* ============ Stories listing (stories.php) ============ */
.stories-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 18px}
.stories-toolbar form{display:flex;gap:8px;flex:1;min-width:240px}
.stories-toolbar input[type=search]{flex:1;padding:11px 14px;border:1px solid #d9cdb9;border-radius:999px;background:#fff;outline:none}
.stories-toolbar input[type=search]:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c65b33}
.pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:28px 0 6px}
.pager a,.pager span{padding:8px 13px;border-radius:10px;border:1px solid var(--line);background:#fff;
  text-decoration:none;color:var(--wine);font-weight:800;font-size:.84rem}
.pager .current{background:var(--wine);color:#fff;border-color:var(--wine)}

/* ============ Gallery lightbox ============ */
.gallery-item{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:3000;background:rgba(24,10,6,.92);display:none;align-items:center;justify-content:center;padding:20px}
.lightbox.open{display:flex}
.lightbox img{max-width:95vw;max-height:82vh;border-radius:12px;box-shadow:0 20px 60px #0008}
.lightbox figcaption{color:#f4e6cd;text-align:center;margin-top:12px;font-size:.86rem;max-width:760px}
.lb-close,.lb-prev,.lb-next{position:absolute;background:#ffffff1a;border:1px solid #ffffff33;color:#fff;border-radius:50%;
  width:46px;height:46px;font-size:22px;cursor:pointer;display:grid;place-items:center}
.lb-close{top:16px;right:16px}.lb-prev{left:16px;top:50%;transform:translateY(-50%)}.lb-next{right:16px;top:50%;transform:translateY(-50%)}
@media(max-width:600px){.lb-prev,.lb-next{width:40px;height:40px}}

/* ============ Contact / generic page content ============ */
.page-content h2{color:var(--wine);margin-top:0}

/* ============ Gallery grid (gallery.php से inline styles) ============ */
.gallery-grid{columns:3 260px;column-gap:15px}
.gallery-item{break-inside:avoid;margin:0 0 15px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #4b180c08}
.gallery-item img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover}
.gallery-item:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.gallery-info{padding:12px}
.gallery-info h3{margin:0 0 3px;color:var(--wine);font-size:.98rem}
.gallery-info p{margin:0;color:var(--muted);font-size:.78rem}
@media(max-width:600px){.gallery-grid{columns:2 150px;column-gap:9px}.gallery-item{margin-bottom:9px}.gallery-info{padding:9px}}

/* ============ Admin link (हर screen size पर पहुँच में) ============ */
.nav-admin-mobile{display:none}
@media(max-width:950px){
  /* इस width पर nav ☰ के अंदर चला जाता है, इसलिए Admin अलग से हमेशा दिखे */
  .nav-admin-mobile{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;
    border:1px solid #e8d9bd;border-radius:50%;background:#fffaf0;text-decoration:none;font-size:19px;flex:0 0 auto}
  .nav-admin-mobile:active{background:#f7e6b9}
  .menu-toggle{margin-left:8px}
}

/* =================================================================
   एकसमान डिज़ाइन सिस्टम — हर inner page एक जैसा दिखे
   (पहले हर पेज का अपना hero/card/style block था)
   ================================================================= */

/* ---- Page hero: सभी inner pages पर एक ही ---- */
.page-hero{position:relative;overflow:hidden;margin:4px 0 22px;padding:38px 26px;border-radius:22px;
  background:linear-gradient(135deg,#fff7df,#fffdf8);border:1px solid #ead39a;box-shadow:0 14px 40px rgba(75,25,10,.07)}
.page-hero:after{content:"ॐ";position:absolute;right:26px;bottom:-42px;font-size:150px;line-height:1;
  color:#7b12200f;font-family:Georgia,serif;pointer-events:none}
.page-hero>*{position:relative;z-index:1}
.page-hero h1{margin:11px 0 8px;color:var(--wine);font:900 clamp(1.7rem,3.6vw,2.7rem)/1.15 Georgia,serif}
.page-hero p{max-width:830px;color:var(--muted);margin:0;font-size:.95rem;line-height:1.75}
.page-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}
@media(max-width:600px){.page-hero{padding:26px 17px;border-radius:16px}.page-hero:after{font-size:105px;right:10px;bottom:-30px}}

/* ---- Card grid: सभी pages के cards एक ही तरह ---- */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.info-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.info-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.info-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.info-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;
  box-shadow:var(--shadow);display:flex;flex-direction:column}
.info-card .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:var(--soft);font-size:1.25rem;margin-bottom:10px}
.info-card h2,.info-card h3,.info-card h4{margin:7px 0 5px;color:var(--wine);font-size:1.02rem;font-weight:900}
.info-card p{margin:0;color:#625954;font-size:.85rem;line-height:1.7}
.info-card .pill{align-self:flex-start;margin-bottom:8px}
.info-card strong{display:block;color:var(--wine);font-size:.92rem}
.info-card small{color:var(--muted);font-size:.75rem}
.info-card .card-link{margin-top:13px;align-self:flex-start}
.info-card.is-clickable{cursor:pointer;transition:.18s}
.info-card.is-clickable:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(75,25,10,.11)}
.info-card .meta{font-size:.79rem;color:#8a6d2f;font-weight:800;margin:2px 0 6px}
.info-card .tag{font-size:.68rem;background:var(--soft);color:#7a4a0a;border-radius:999px;
  padding:3px 9px;font-weight:900;white-space:nowrap}
.info-card .card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
@media(max-width:900px){.info-grid,.info-grid.cols-4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.info-grid,.info-grid.cols-2,.info-grid.cols-4{grid-template-columns:1fr}}

/* ---- Prose: text-heavy pages (about, disclaimer, privacy…) ---- */
.prose{max-width:900px;margin:0 auto}
.prose h2{color:var(--wine);font-family:Georgia,serif;font-size:1.32rem;margin:28px 0 8px}
.prose h2:first-child{margin-top:0}
.prose h3{color:var(--wine);font-size:1.04rem;margin:22px 0 6px}
.prose p,.prose li{color:#544a46;line-height:1.85;font-size:.95rem}
.prose .lead{font-size:1.06rem;color:#463d39}
.prose ul,.prose ol{padding-left:22px;margin:9px 0}
.prose li{margin-bottom:6px}
.prose a{color:var(--wine);font-weight:800}
.prose hr{border:0;border-top:1px solid var(--line);margin:26px 0}
.prose .updated{font-size:.82rem;color:var(--muted);margin-top:0}

/* ---- Callout: हर तरह का सूचना-बॉक्स एक ही डिज़ाइन में ---- */
.callout{background:#fff9e9;border:1px solid #edd89d;border-radius:12px;padding:14px 16px;
  margin:18px 0;font-size:.86rem;color:#6c5a38;line-height:1.75}
.callout strong,.callout b{color:#5a4a2c}
.callout a{color:var(--wine);font-weight:800}
.callout.is-muted{background:#faf8f2;border-color:#e6dfd2;color:#6d6661;font-size:.79rem}

/* ---- FAQ accordion ---- */
.faq-list{display:grid;gap:11px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px;box-shadow:0 6px 18px #4b180c06}
.faq-item summary{cursor:pointer;padding:17px 3px;font-weight:900;color:var(--wine);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"＋";float:right;color:#b07c12}
.faq-item[open] summary:after{content:"−"}
.faq-item p{margin:0 3px 17px;color:#625954;font-size:.85rem;line-height:1.75}

/* ---- Checklist ---- */
.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.check{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fffaf0;font-size:.84rem;color:#584e49}
@media(max-width:600px){.checklist{grid-template-columns:1fr}}

/* ---- Contact box ---- */
.contact-box{display:flex;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);
  border-radius:18px;background:#fffaf0;margin:22px 0}
.contact-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:var(--soft);font-size:25px;flex:0 0 auto}
.contact-box strong{color:var(--wine)}
.contact-box p{margin:3px 0 14px}
.contact-box a:not(.btn-maroon){color:var(--wine);font-weight:800}
@media(max-width:600px){.contact-box{align-items:flex-start;flex-direction:column}}

/* ---- Scrollable list block (map lists आदि) ---- */
.scroll-box{max-height:430px;overflow-y:auto;padding-right:4px}
.map-frame{height:420px;width:100%;border-radius:14px;border:1px solid var(--line);margin-top:15px}

/* ---- Homepage (index.php से inline styles यहाँ लाए गए) ---- */
.home-hero{position:relative;overflow:hidden;border-radius:28px;padding:72px 28px 58px;margin-bottom:22px;text-align:center;background-size:cover;background-repeat:no-repeat;border:1px solid #ead39a;box-shadow:0 18px 50px #6b211315}.hero-kicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:#fff2c8;color:#7a4a0a;font-weight:900;font-size:.78rem;margin-bottom:12px}.home-hero h1{font-family:Georgia,serif;color:var(--wine);font-size:clamp(2.1rem,5vw,4rem);line-height:1.08;margin:0 0 12px}.home-hero .lead{max-width:760px;margin:0 auto 24px;color:#5d514c;font-size:1rem}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 34px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 8px;text-align:center;text-decoration:none;box-shadow:0 6px 20px #4b180c08;transition:.18s}.quick-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #4b180c10}.quick-icon{width:42px;height:42px;display:grid;place-items:center;margin:auto auto 7px;border-radius:50%;background:#fff3cd;font-size:1.15rem}.quick-card strong{font-size:.78rem;color:#4b403b}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 25px #4b180c08;display:flex;flex-direction:column}.story-card .author{font-size:.76rem;color:var(--muted)}.story-card h3{font-size:1.02rem;color:var(--wine);margin:8px 0}.story-card .excerpt{font-size:.86rem;color:#615853;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-foot{border-top:1px solid #f0e7d9;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.read-link{font-size:.8rem;color:var(--wine);font-weight:850;text-decoration:none}.bless-btn{border:1px solid #bfe5d0;background:#eefaf4;color:#177449;border-radius:999px;padding:5px 9px;font-weight:850;cursor:pointer}.photo-strip{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-auto-rows:135px;gap:10px}.photo-tile{position:relative;overflow:hidden;border-radius:16px;background:#eee;border:1px solid var(--line)}.photo-tile:first-child{grid-row:span 2}.photo-tile img{width:100%;height:100%;object-fit:cover;transition:.3s}.photo-tile:hover img{transform:scale(1.04)}.photo-caption{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 9px;border-radius:9px;background:#0009;color:#fff;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.stat-box{background:linear-gradient(180deg,#fffdf5,#fff8e8);border:1px solid #eed99d;border-radius:18px;padding:18px;text-align:center}.stat-box h3{margin:0;color:var(--wine);font-size:1.8rem}.stat-box p{margin:3px 0 0;color:var(--muted);font-size:.76rem;font-weight:800}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.trust-item{padding:15px;border-radius:16px;background:#fff;border:1px solid var(--line)}.trust-item strong{color:var(--wine);display:block;margin-bottom:3px}.trust-item span{font-size:.8rem;color:var(--muted)}@media(max-width:900px){.quick-grid{grid-template-columns:repeat(3,1fr)}.story-grid{grid-template-columns:1fr 1fr}.photo-strip{grid-template-columns:1fr 1fr}.photo-tile:first-child{grid-row:auto}.stats-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.home-hero{padding:52px 17px 42px;border-radius:20px}.quick-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr}.photo-strip{grid-template-columns:1fr 1fr;grid-auto-rows:120px}.stats-row{grid-template-columns:1fr 1fr}.trust-strip{grid-template-columns:1fr}}

.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.72),transparent 42%),linear-gradient(180deg,transparent 48%,rgba(86,15,25,.10));pointer-events:none}
.home-hero>*{position:relative;z-index:1}.home-hero .hero-glow{position:absolute;inset:auto 12% -45px;height:130px;background:radial-gradient(ellipse,rgba(204,157,45,.25),transparent 68%);filter:blur(5px);z-index:0}
.wiki-home-section{margin:34px 0 8px}

/* ---- Story page hero + related (story.php) ---- */
.story-hero{max-width:900px;margin-left:auto;margin-right:auto}
.story-hero h1{margin:10px 0 12px}
.story-hero .story-meta{margin-bottom:0;padding-bottom:0;border-bottom:0}
.crumbs{font-size:.78rem;color:var(--muted);margin-bottom:11px}
.crumbs a{color:inherit;text-decoration:none}
.crumbs a:hover{color:var(--wine)}
.story-page{max-width:900px;margin:0 auto}
.story-related{max-width:900px;margin:32px auto 0}

/* ---- Card के अंदर quick-facts सूची (खाली जगह भरने और स्कैन करने में आसान) ---- */
.card-facts{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:7px;
  border-top:1px solid #f2e9d9;padding-top:12px}
.card-facts li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font-size:.8rem;color:#625954;line-height:1.5}
.card-facts b{color:#8a6d2f;font-weight:900;white-space:nowrap;font-size:.75rem;
  text-transform:uppercase;letter-spacing:.3px}
.card-facts span{text-align:right;color:#4f4642;font-weight:700}
.card-note{margin-top:10px !important;padding:9px 11px;background:#fffaf0;border:1px solid #f0e4c9;
  border-radius:10px;font-size:.78rem !important;color:#7a6a4a !important;line-height:1.6 !important}
.info-card p + p{margin-top:9px}

/* ---- "बाबा के नाम" chips ---- */
.names-block{margin-top:18px;padding:22px 24px;border:1px solid var(--line);border-radius:20px;
  background:linear-gradient(135deg,#fffaf0,#fff);box-shadow:var(--shadow)}
.names-head h3{margin:9px 0 3px;color:var(--wine);font-size:1.12rem;font-family:Georgia,serif}
.names-head p{margin:0 0 15px;font-size:.85rem}
.name-chips{display:flex;flex-wrap:wrap;gap:9px}
.name-chips span{padding:9px 16px;border-radius:999px;background:#fff;border:1px solid #ecdcba;
  color:var(--wine);font-weight:800;font-size:.86rem;box-shadow:0 4px 12px #4b180c07}
@media(max-width:600px){.names-block{padding:18px 16px}.name-chips span{font-size:.8rem;padding:8px 13px}}

/* ---- Home page वीडियो सेक्शन ---- */
.video-section{margin:34px 0 8px}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;
  border:1px solid #ead39a;box-shadow:0 18px 45px rgba(78,33,20,.10);background:#2a1008}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-poster{position:absolute;inset:0;background-size:cover;background-position:center;
  display:grid;place-items:center;cursor:pointer;transition:opacity .4s}
.video-poster:before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(75,7,18,.12),rgba(75,7,18,.5))}
.video-play{position:relative;z-index:1;width:74px;height:74px;border-radius:50%;
  background:rgba(255,255,255,.94);display:grid;place-items:center;font-size:26px;color:var(--wine);
  padding-left:5px;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.video-loading{position:absolute;bottom:16px;z-index:1;color:#fff2cc;font-size:.78rem;font-weight:700;
  background:rgba(75,7,18,.55);padding:5px 13px;border-radius:999px;backdrop-filter:blur(6px)}
.video-frame.is-playing .video-poster{opacity:0;pointer-events:none}
.video-note{margin:11px 0 0;font-size:.78rem;color:var(--muted);text-align:center}
@media(max-width:600px){
  .video-frame{border-radius:15px}
  .video-play{width:58px;height:58px;font-size:21px}
  .video-loading{font-size:.7rem;bottom:11px}
}

/* =================================================================
   स्वागत संदेश (welcome popup) — बिना scroll, हर screen में फिट
   ================================================================= */
.welcome-modal{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;
  padding:22px;opacity:0;transition:opacity .3s ease}
.welcome-modal.is-open{opacity:1}
.welcome-modal[hidden]{display:none}

.wm-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(80,14,24,.55),rgba(30,6,10,.78));
  backdrop-filter:blur(5px)}

/* सुनहरी किनारी वाला बाहरी फ्रेम */
.wm-box{position:relative;width:min(820px,100%);max-height:88vh;overflow:hidden;
  border-radius:26px;padding:3px;
  background:linear-gradient(135deg,#e9c754,#f6e2a4 18%,#d6a52b 42%,#f7e7b2 62%,#cf9c22);
  box-shadow:0 34px 90px rgba(38,6,3,.5);
  transform:translateY(22px) scale(.96);opacity:.6;
  transition:transform .42s cubic-bezier(.16,.9,.28,1),opacity .42s ease}
.welcome-modal.is-open .wm-box{transform:none;opacity:1}

.wm-inner{position:relative;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);
  border-radius:23px;overflow:hidden;background:linear-gradient(160deg,#fffdf8 0%,#fff8ec 55%,#fff3dd 100%);
  max-height:calc(88vh - 6px)}
.wm-box.no-photo .wm-inner{grid-template-columns:1fr}
.wm-box.no-photo{width:min(520px,100%)}

/* बाईं ओर फोटो */
.wm-photo{position:relative;min-height:100%;background:#f0e6d4}
.wm-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wm-photo:after{content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(101,13,27,0) 55%,rgba(255,251,240,.85) 97%)}

/* दाईं ओर सामग्री */
.wm-body{position:relative;padding:34px 34px 30px;display:flex;flex-direction:column;
  justify-content:center;text-align:center;min-width:0}
.wm-body:before{content:"ॐ";position:absolute;right:14px;bottom:-30px;font-size:132px;line-height:1;
  color:#7b12200a;font-family:Georgia,serif;pointer-events:none}
.wm-body>*{position:relative;z-index:1}

.wm-om{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;
  background:linear-gradient(145deg,#fff6cd,#e5b53d);font-size:25px;
  box-shadow:0 8px 22px rgba(185,128,32,.32),inset 0 1px 0 rgba(255,255,255,.7)}

.wm-body h2{margin:0;color:var(--wine);font-family:Georgia,serif;
  font-size:clamp(1.25rem,2.4vw,1.62rem);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* शीर्षक के नीचे सुनहरा अलंकरण */
.wm-divider{display:flex;align-items:center;justify-content:center;gap:9px;margin:13px 0 15px}
.wm-divider:before,.wm-divider:after{content:"";height:1px;width:46px;
  background:linear-gradient(90deg,transparent,var(--gold))}
.wm-divider:after{background:linear-gradient(270deg,transparent,var(--gold))}
.wm-divider span{color:var(--gold);font-size:.7rem;letter-spacing:2px}

.wm-body p{margin:0;color:#5b514c;font-size:.93rem;line-height:1.78;
  display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}

.wm-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.wm-actions .btn-outline{cursor:pointer;font-family:inherit}

.wm-close{position:absolute;top:13px;right:13px;z-index:3;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(255,255,255,.55);background:rgba(75,7,18,.42);color:#fff;font-size:15px;
  cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(6px);transition:.18s}
.wm-close:hover{background:rgba(75,7,18,.72);transform:rotate(90deg)}

/* ---- मोबाइल / छोटी screen: फोटो ऊपर, सामग्री नीचे ---- */
@media(max-width:640px){
  .welcome-modal{padding:15px}
  .wm-box{border-radius:20px;padding:2px}
  .wm-inner{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:18px;
    max-height:calc(88vh - 4px)}
  .wm-photo{min-height:0;height:26vh;max-height:210px}
  .wm-photo img{position:relative}
  .wm-photo:after{background:linear-gradient(180deg,rgba(101,13,27,0) 55%,rgba(255,251,240,.9) 99%)}
  .wm-body{padding:0 20px 22px;justify-content:flex-start}
  .wm-om{width:50px;height:50px;margin:-28px auto 11px;font-size:22px;border:3px solid #fffdf8}
  .wm-box.no-photo .wm-om{margin-top:26px;border:0}
  .wm-divider{margin:10px 0 12px}
  .wm-divider:before,.wm-divider:after{width:34px}
  .wm-body h2{-webkit-line-clamp:3}
  .wm-body p{font-size:.87rem;line-height:1.72;-webkit-line-clamp:6}
  .wm-actions{flex-direction:column;margin-top:17px}
  .wm-actions .btn-maroon,.wm-actions .btn-outline{width:100%}
}
@media(max-width:640px) and (max-height:640px){
  .wm-photo{height:19vh}
  .wm-body p{-webkit-line-clamp:4}
}
@media(prefers-reduced-motion:reduce){
  .welcome-modal,.wm-box,.wm-close{transition:none}
  .wm-box{transform:none;opacity:1}
}


/* Admin-managed card images */
.managed-card-image{
  display:block;
  flex:0 0 auto;
  max-width:100%;
  object-fit:cover;
  object-position:center;
  margin-bottom:10px;
  border:1px solid var(--line);
  box-sizing:border-box;
}
.managed-card-image.circle{border-radius:50%}
.managed-card-image.rounded{border-radius:16px}
.managed-card-image.square{border-radius:0}
.managed-card-image.soft{border-radius:8px}
.managed-card-image.hexagon{
  border-radius:0;
  clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);
}
.quick-card .managed-card-image{margin:0 auto 7px}