/* =========================================================
   responsive.css — breakpoints: large desktop / desktop /
   tablet / mobile. Desktop-first per the brief; each section
   reflows rather than simply shrinking.
   ========================================================= */

/* Large desktop tightening ------------------------------- */
@media (max-width: 1320px) {
    :root { --container-width: 1080px; }
}

/* Desktop → Tablet ----------------------------------------- */
@media (max-width: 1024px) {
    .hero__inner,
    .why-preuni__inner,
    .highschool__inner,
    .confidence__inner,
    .assessment__panel { grid-template-columns: 1fr; }

    .hero__media { order: -1; }
    .hero__floating-card { position: static; margin-top: -40px; max-width: none; }

    .pathways__grid,
    .pathways__programs,
    .subject-band__grid,
    .disciplines__grid,
    .how-it-works__grid,
    .testimonials__grid,
    .why-preuni__grid,
    .single-program__benefits,
    .archive-grid,
    .program-archive__grid { grid-template-columns: repeat(2, 1fr); }

    .statistics__grid { grid-template-columns: repeat(2, 1fr); row-gap: 32px; }

    .single-program__body { grid-template-columns: 1fr; }
    .single-program__sidebar { position: static; }

    .assessment__details { padding: 32px; }
    .assessment__calendly { padding: 24px; }
}

/* Tablet ----------------------------------------------------- */
@media (max-width: 900px) {
    .site-header__menu,
    .site-header__phone { display: none; }
    .site-header.is-nav-open .site-header__menu {
        display: flex; flex-direction: column; gap: 0;
        position: absolute; top: var(--header-height); left: 0; right: 0;
        background: #fff; border-bottom: 1px solid var(--color-border);
        padding: 8px 24px 16px;
    }
    .site-header.is-nav-open .site-header__menu li { padding: 12px 0; border-bottom: 1px solid var(--color-border); }
    .site-header__toggle { display: flex; }
    .site-header__actions { gap: 10px; }
    .site-header__actions .btn { padding: 10px 16px; font-size: 13px; }
}

/* Mobile ------------------------------------------------------- */
@media (max-width: 640px) {
    body { overflow-x: hidden; }
    .container { padding: 0 18px; }

    .hero { padding: 40px 0 64px; }
    .hero__actions { flex-direction: column; }
    .hero__actions .btn { width: 100%; }
    .hero__trust { flex-direction: column; gap: 10px; }
    .hero__floating-card { margin-top: -24px; }

    .assessment,
    .finder,
    .pathways,
    .why-preuni,
    .subject-band,
    .highschool,
    .disciplines,
    .confidence,
    .how-it-works,
    .testimonials,
    .final-cta { padding: 56px 0; }

    .finder__panel { padding: 24px; }
    .finder__options--grid { flex-direction: column; }
    .finder__chip { width: 100%; text-align: center; }

    .pathways__grid,
    .pathways__programs,
    .subject-band__grid,
    .disciplines__grid,
    .how-it-works__grid,
    .testimonials__grid,
    .why-preuni__grid,
    .single-program__benefits,
    .archive-grid,
    .program-archive__grid,
    .statistics__grid { grid-template-columns: 1fr; }

    .assessment-form__row { grid-template-columns: 1fr; }
    .program-archive__filters { flex-direction: column; }

    .site-footer__grid { grid-template-columns: 1fr; gap: 32px; }
    .site-footer__bottom { flex-direction: column; text-align: center; }

    .single-program__meta { gap: 12px; }
    .assessment__details, .assessment__calendly { padding: 20px; }
}