/* ==========================================================================
   Karyantra Technologies - Responsive overrides (mobile-first base lives in style.css)
   ========================================================================== */
@media (max-width: 1199.98px) {
  .navbar .nav-link { padding: .5rem .6rem !important; font-size: .9rem; }
}
@media (max-width: 991.98px) {
  :root { --header-h: 68px; }
  .section { padding: 60px 0; }
  .section.section-cta { padding-bottom: 60px; }
  .navbar-brand img { height: 40px; }
  .navbar-collapse { background: #fff; margin: 0 -12px; padding: 12px 20px 22px; border-top: 1px solid var(--line); box-shadow: 0 18px 30px rgba(11, 31, 58, .1); }
  .navbar .nav-link { padding: .75rem 0 !important; border-bottom: 1px solid var(--line); }
  .navbar .nav-link::after { display: none; }
  .navbar .btn { width: 100%; margin-top: 16px; }
  .hero { padding: 52px 0 80px; text-align: center; }
  .hero p.lead { margin-left: auto; margin-right: auto; }
  .hero .hero-actions { justify-content: center; }
  .hero-visual { max-width: 520px; margin: 44px auto 0; }
  .process-step { margin-bottom: 30px; }
}
@media (max-width: 767.98px) {
  .section { padding: 48px 0; }
  .section.section-cta { padding-bottom: 48px; }
  .section-title { margin-bottom: 28px; }
  .map-wrap { height: 300px; }
  .form-card { padding: 24px 18px; }
  .cta-band { padding: 36px 20px; border-radius: 20px; }
  .stats-strip { margin-top: -36px; }
  .hero-actions .btn, .cta-band .btn { width: 100%; }
  .page-hero { padding: 40px 0 38px; }
  .service-block { padding: 32px 0; }
}
@media (max-width: 575.98px) {
  .navbar-brand img { height: 36px; }
  .to-top { right: 14px; bottom: 14px; }
  .site-footer { padding-top: 44px; }
}

/* Team grid: 3 per row on tablet/laptop, 2 per row on phones */
@media (max-width: 991.98px) { .team-photo { width: 148px; height: 148px; } }
@media (max-width: 575.98px) {
  .team-card { padding: 20px 10px 18px; border-radius: 16px; }
  .team-photo { width: 108px; height: 108px; padding: 4px; margin-bottom: 12px; }
  .team-photo img { border-width: 3px; }
  .team-card h3 { font-size: .93rem; }
  .team-role { font-size: .74rem; padding: 3px 10px; }
}
