/* ==========================================================================
   RESPONSIVE — Kırılım noktaları
   Sıra önemlidir: bu dosya en son yüklenir.
   ========================================================================== */

/* ------------------------------------------------- ≤ 1100px (tablet+) */
@media (max-width: 1100px) {

    .site-footer__top {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }

    .site-footer__brand { grid-column: 1 / -1; }

    .about-president {
        grid-template-columns: 280px 1fr;
    }

    .committee-detail__header {
        grid-template-columns: 1fr;
    }

    .committee-detail__media { order: -1; }
}

/* -------------------------------------------------------- ≤ 900px */
@media (max-width: 900px) {

    /* Masaüstü menü gizlenir, hamburger görünür */
    .nav        { display: none; }
    .nav__cta   { display: none; }
    .hamburger  { display: flex; }

    .brand__mark { width: 40px; height: 40px; }
    .brand__mark img { width: 23px; height: 23px; }

    .quote-card {
        grid-template-columns: 1fr;
        gap: 22px;
        text-align: center;
    }

    .quote-card__media {
        width: 150px;
        margin-inline: auto;
    }

    .about-president {
        grid-template-columns: 1fr;
    }

    .about-president__media {
        position: static;
        max-width: 320px;
    }

    .crisis-sides {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .crisis-vs {
        justify-self: center;
        width: 54px; height: 54px;
        font-size: .86rem;
    }
}

/* -------------------------------------------------------- ≤ 640px */
@media (max-width: 640px) {

    :root {
        --gutter: 18px;
        --radius-lg: 22px;
        --radius-xl: 28px;
    }

    body { font-size: 15px; }

    .hero { padding-top: 120px; }

    .hero__title { letter-spacing: -.035em; }

    .hero__actions { width: 100%; }
    .hero__actions .btn { flex: 1 1 100%; }

    .countdown {
        gap: 6px;
        padding: 18px 12px;
    }

    .countdown__unit { min-width: 58px; }

    .countdown__label { letter-spacing: .12em; }

    .section-head__title,
    .section-head__text { max-width: none; }

    .grid { gap: 16px; }

    .grid--2,
    .grid--3 { grid-template-columns: 1fr; }

    .grid--4,
    .grid--stat { grid-template-columns: repeat(2, 1fr); }

    .committee-card { min-height: 320px; }

    .card--pad { padding: 22px; }

    .apply-card .btn { align-self: stretch; }

    .site-footer__top {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .team-group__head {
        flex-direction: column;
        gap: 6px;
    }

    .about-letter__signature { flex-direction: column; align-items: flex-start; }
}

/* -------------------------------------------------------- ≤ 380px */
@media (max-width: 380px) {

    .grid--4,
    .grid--stat { grid-template-columns: 1fr; }

    .countdown__unit { flex-basis: 44%; }

    .brand__subtitle { display: none; }
}

/* ------------------------------------------------------ Yazdırma */
@media print {

    .site-header,
    .mobile-menu,
    .bg-decor,
    .hero__scroll,
    .btn { display: none !important; }

    body {
        background: #fff;
        color: #000;
    }

    .card,
    .agenda li { border-color: #ccc; background: none; }
}