/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

/* ---- Laptop / small desktop ---- */
@media (max-width: 1199.98px){
  .section-py{ padding: 80px 0; }
  .hero-title{ font-size: clamp(1.9rem, 4vw, 2.9rem); }
}

/* ---- Tablet ---- */
@media (max-width: 991.98px){
  .top-header{ display: none !important; }
  .section-py{ padding: 64px 0; }
  .main-nav{ padding: 6px 0; }
  .navbar-collapse{
    background: var(--color-white);
    border-radius: var(--radius-md);
    padding: 18px;
    margin-top: 12px;
    box-shadow: var(--shadow-soft);
  }
  .main-menu{ gap: 2px; }
  .main-menu .nav-link{ padding: 12px 16px !important; }
  .btn-primary-nav{ display: inline-flex !important; margin-top: 10px; width: 100%; justify-content: center; }

  .hero-section{ min-height: auto; padding: 140px 0 70px; }
  .min-vh-hero{ min-height: auto; }
  .hero-stats-card{ margin-top: 40px; }
  .countdown-boxes{ flex-wrap: wrap; }

  .about-badge{ position: static; margin-top: -30px; margin-left: 20px; max-width: calc(100% - 40px); }

  .timeline{ padding-left: 34px; }
  .t-content{ flex-direction: column; align-items: flex-start; }

  .float-btn{ width: 50px; height: 50px; font-size: 1.3rem; right: 16px; }
  .float-whatsapp{ bottom: 16px; }
  .float-apply{ bottom: 78px; }
  .back-to-top{ right: 16px; bottom: 140px; width: 42px; height: 42px; }
}

/* ---- Mobile ---- */
@media (max-width: 767.98px){
  .section-py{ padding: 52px 0; }
  .section-title{ font-size: clamp(1.4rem, 6vw, 1.9rem); }
  .hero-title{ font-size: clamp(1.7rem, 8vw, 2.3rem); }
  .hero-sub{ font-size: .96rem; }
  .hero-cta{ flex-direction: column; }
  .hero-cta a{ width: 100%; text-align: center; }

  .brand-text small{ display: none; }

  .cbox{ min-width: 58px; padding: 8px 10px; }
  .cbox span{ font-size: 1.2rem; }

  .fee-card, .nomination-form-card, .contact-form-card{ padding: 26px 20px; }
  .fee-amount{ font-size: 2rem; }

  .score-meter{ flex-direction: column; height: auto; border-radius: var(--radius-md); }
  .score-seg{ width: 100% !important; padding: 14px 0; }

  .committee-table{ font-size: .8rem; }
  .committee-table th, .committee-table td{ padding: 12px 10px; }

  .final-cta{ padding: 60px 0; }
  .brochure-cta{ padding: 50px 0; }

  .footer-bottom{ flex-direction: column; gap: 8px; text-align: center; }
}

/* ---- Small mobile ---- */
@media (max-width: 480px){
  .container{ padding-left: 18px; padding-right: 18px; }
  .hero-eyebrow{ font-size: .74rem; }
  .why-card, .cat-card, .doc-card, .score-card{ padding: 24px 18px; }
  .benefit-card{ padding: 26px 20px; }
  .eligibility-card{ padding: 24px 20px; }
  .float-btn{ width: 46px; height: 46px; font-size: 1.15rem; }
}