/* extra.css – navigation, content and FAQ styles for the multi-page layout */
.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#111827;position:sticky;top:0;z-index:50}
.site-nav a,.site-nav .dd>span{color:#fff;text-decoration:none;font-size:15px;cursor:pointer}
.site-nav .brand{font-weight:700;font-size:18px}
.nav-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.dd{position:relative}
.dd-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);min-width:190px;padding:6px 0}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd-menu a{display:block;color:#111827!important;padding:8px 14px}
.dd-menu a:hover{background:#f3f4f6}
.hero--small{padding-top:32px;padding-bottom:32px}
.crumbs{font-size:14px;opacity:.85;margin:0 0 8px}
.crumbs a{color:inherit}
.content{line-height:1.7}
.content h2{margin-top:28px}
.content h2:first-child{margin-top:0}
.content details{border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;margin:10px 0;background:#fff}
.content details summary{cursor:pointer;font-weight:600}
.tool-grid--single{max-width:640px;margin:0 auto}
a.card.rel{display:block;text-decoration:none;color:inherit}
a.card.rel:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
.cta{color:#2563eb;font-weight:600;font-size:14px}
.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:20px}
.site-footer a{color:inherit}
.copy{font-size:13px;opacity:.8}
/* Support popup */
.support-payment{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:99999;align-items:center;justify-content:center;padding:20px}
.support-box{width:100%;max-width:400px;background:#fff;border-radius:18px;padding:28px 22px;text-align:center;box-shadow:0 15px 50px rgba(0,0,0,.25);font-family:Arial,sans-serif}
.support-icon{font-size:36px;margin-bottom:8px}
.support-box h3{margin:5px 0 10px;font-size:22px;color:#222}
.support-box p{color:#666;line-height:1.5;margin:8px 0}
.qr-wrapper{margin:18px auto 10px}
.upi-qr{width:190px;height:190px;object-fit:contain;border:1px solid #ddd;border-radius:10px;padding:8px;background:#fff}
.scan-text{font-size:14px}
.close-btn{border:none;background:#111827;color:#fff;padding:11px 28px;border-radius:8px;cursor:pointer;font-size:15px}
.thank-you{margin-top:15px;font-size:12px;color:#888}