/* ==========================================================================
   Responsive overrides
   Bootstrap's grid handles most breakpoints; this file only patches the
   custom brand components above for smaller screens.
   ========================================================================== */

@media (max-width: 991.98px) {
  .sticky-enroll {
    position: static;
  }

  .hero {
    padding: 3.5rem 0 3rem;
    text-align: center;
  }

  .hero p.lead {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .admit-card {
    margin-top: 2.5rem;
  }
}

@media (max-width: 767.98px) {
  .cta-band {
    padding: 2rem 1.5rem;
    text-align: center;
  }

  .course-card-actions {
    flex-direction: column;
  }

  .related-post-card img {
    width: 60px;
    height: 60px;
  }

  .site-footer {
    text-align: center;
  }

  .footer-social {
    justify-content: center;
    display: flex;
  }
}

@media (max-width: 575.98px) {
  .hero h1 {
    font-size: 1.85rem;
  }

  .stat-card .stat-number {
    font-size: 1.7rem;
  }

  .whatsapp-float {
    width: 50px;
    height: 50px;
    font-size: 1.35rem;
    bottom: 16px;
    right: 16px;
  }
}