@media (max-width: 1040px) {
    .hero-grid, .split, .content-grid { grid-template-columns: 1fr; }
    .trust-grid, .facts-grid { grid-template-columns: repeat(2, 1fr); }
    .timeline { grid-template-columns: repeat(3, 1fr); }
    .college-grid, .blog-grid, .feature-grid, .content-grid.compact { grid-template-columns: repeat(2, 1fr); }
    .filters-panel { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
    .topbar-inner { justify-content: center; flex-wrap: wrap; gap: 8px 16px; padding: 8px 0; }
    .topbar span { margin-right: 0; width: 100%; text-align: center; }
    .nav-toggle { display: block; }
    .main-nav {
        position: fixed; left: 16px; right: 16px; top: 128px; display: none; flex-direction: column; align-items: stretch;
        background: var(--white); border: 1px solid var(--border); border-radius: 8px; box-shadow: var(--shadow); padding: 12px;
    }
    .main-nav.is-open { display: flex; }
    .nav-dropdown > button, .main-nav > a { width: 100%; text-align: left; }
    .dropdown-menu { position: static; display: block; box-shadow: none; border: 0; padding-left: 14px; }
    .nav-cta { margin-left: 0; }
    .hero { padding-top: 42px; }
    .hero-visual, .hero-visual img { min-height: 320px; }
    .float-card { font-size: .82rem; padding: 8px 10px; }
    .section { padding: 58px 0; }
    .cards-2, .feature-grid, .college-grid, .blog-grid, .content-grid.compact, .form-grid, .two-col, .filters-panel { grid-template-columns: 1fr; }
    .timeline { grid-template-columns: 1fr; }
    .cta-inner, .footer-bottom { flex-direction: column; align-items: flex-start; }
    .comparison-table thead { display: none; }
    .comparison-table, .comparison-table tbody, .comparison-table tr, .comparison-table td { display: block; width: 100%; }
    .comparison-table tr { border-bottom: 1px solid var(--border); padding: 10px 0; }
    .comparison-table td { border: 0; padding: 8px 14px; }
    .comparison-table td:first-child { font-weight: 900; color: var(--navy); background: var(--soft); }
}

@media (max-width: 560px) {
    .container, .narrow { width: min(100% - 24px, 1180px); }
    h1 { font-size: 2.25rem; }
    .nav-wrap { min-height: 68px; }
    .brand img { width: 104px; }
    .main-nav { top: 116px; left: 12px; right: 12px; }
    .trust-grid, .facts-grid, .footer-grid { grid-template-columns: 1fr; }
    .college-card { grid-template-columns: 1fr; }
    .hero-actions, .cta-actions { flex-direction: column; align-items: stretch; }
    .btn { width: 100%; }
    .whatsapp-float { right: 12px; bottom: 12px; }
}


@media (max-width: 1040px) {
    .course-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .related-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mega-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
    .main-nav { max-height: calc(100vh - 145px); overflow-y: auto; }
    .dropdown-menu { display: none; }
    .nav-dropdown.is-expanded > .dropdown-menu { display: block; }
    .courses-dropdown { position: relative; }
    .courses-mega { width: 100%; transform: none; max-height: none; overflow: visible; padding: 8px 0 8px 14px; }
    .courses-dropdown:hover .courses-mega { display: none; }
    .courses-dropdown.is-expanded > .courses-mega { display: block; }
    .mega-course-grid { grid-template-columns: 1fr; gap: 14px; }
    .mega-course-group div a { padding: 7px 6px; }
    .course-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .course-catalog-grid, .related-course-grid, .course-facts { grid-template-columns: 1fr; }
    .catalog-group-head { align-items: flex-start; flex-direction: column; }
    .catalog-course-card p { min-height: 0; }
}