/* Bains Rajput Foundation - responsive rules (mobile-first refinements) */
@media (max-width: 1020px) {
  .nav-toggle { display: block; }
  .primary-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--charcoal); border-bottom: 3px solid var(--orange); max-height: calc(100vh - 80px); overflow-y: auto; }
  .primary-nav.is-open { display: block; }
  .nav-list { flex-direction: column; align-items: stretch; padding: 0.6rem 0 1rem; }
  .nav-list > li > a, .dropdown-trigger { display: block; width: 100%; text-align: left; padding: 0.8rem 1.4rem; font-size: 1rem; }
  .dropdown { position: static; display: none; box-shadow: none; border-radius: 0; background: var(--black); border-top: 0; }
  .has-dropdown.is-open .dropdown { display: block; }
  .dropdown a { color: #cfd4d6; padding-left: 2.4rem; }
  .nav-cta-item { padding: 0.4rem 1.4rem; }
  .btn-nav { display: block; text-align: center; margin: 0; width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .split { grid-template-columns: 1fr; }
  .constitution-card { grid-template-columns: 1fr; }
  .constitution-cover { padding: 1.2rem; }
}
@media (max-width: 640px) {
  .contact-strip-inner { justify-content: center; text-align: center; }
  .strip-location { display: none; }
  .strip-actions { margin-left: 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 1.8rem; }
  .hero-actions .btn { width: 100%; text-align: center; }
  .brand-sub { display: none; }
  .pdf-viewer { height: 62vh; }
  .step-nav { flex-direction: column-reverse; }
  .step-nav .btn { width: 100%; text-align: center; }
  .lightbox { grid-template-columns: 1fr; }
  .lightbox-prev, .lightbox-next { position: fixed; top: 50%; transform: translateY(-50%); z-index: 210; }
  .lightbox-prev { left: 0.6rem; }
  .lightbox-next { right: 0.6rem; }
  .flag-frame { position: static; margin-top: 1rem; display: inline-block; }
}
@media print {
  .contact-strip, .site-header, .floating-whatsapp, .cookie-banner, .site-footer, .breadcrumbs, .hero-actions, .video-controls { display: none !important; }
  body { background: #fff; color: #000; }
}
