/* =============================================================================
   responsive.css — Tablet ve mobil uyarlamalar (320px'e kadar)
   ========================================================================== */

/* --- ≤ 1080px: sütun sayıları azalır ------------------------------------- */
@media (max-width: 1080px) {
    .footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 28px; }
    .footer-brand { grid-column: 1 / -1; }
    .scenarios { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-nav ul { gap: 16px; }
    .site-nav a { font-size: 13.5px; }
}

/* --- ≤ 900px: tek kolon akış --------------------------------------------- */
@media (max-width: 900px) {
    .calc { grid-template-columns: 1fr; }
    .calc-form { border-right: 0; border-bottom: 1px solid var(--line); }
    .detail-wrap { grid-template-columns: 1fr; }
    .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- ≤ 820px: mobil menü -------------------------------------------------- */
@media (max-width: 820px) {
    .nav-toggle { display: inline-flex; }

    .site-nav {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: var(--bg);
        border-bottom: 1px solid var(--line);
        box-shadow: 0 8px 18px rgba(22, 34, 27, .07);
    }
    .site-nav.is-open { display: block; }
    .site-nav ul {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 6px 24px 14px;
        max-width: var(--wrap);
        margin: 0 auto;
    }
    .site-nav li { border-bottom: 1px solid var(--line-2); }
    .site-nav li:last-child { border-bottom: 0; }
    .site-nav a {
        display: block;
        padding: 13px 0;
        font-size: 15.5px;
        border-bottom: 0;
        min-height: 44px;
    }
    .site-nav a[aria-current="page"] { color: var(--green); }

    .header-inner { position: relative; }
}

/* --- ≤ 720px: içerik ölçekleri ------------------------------------------- */
@media (max-width: 720px) {
    .wrap { padding: 0 16px; }

    .page-head { padding: 16px 0 20px; }
    .page-lead { font-size: 15.5px; }

    .calc-form,
    .calc-result { padding: 18px 16px 20px; }

    .panel { padding: 16px 16px 18px; }

    .result-value { font-size: 34px; }

    .tax-compare { grid-template-columns: 1fr; }
    .tax-compare div { padding: 12px 14px; }

    .tool-grid { grid-template-columns: 1fr; }
    .tool-form-grid { grid-template-columns: 1fr; }
    .compare-grid { grid-template-columns: 1fr; }

    .legend { grid-template-columns: 1fr; }

    .prose h2 { font-size: 21px; margin-top: 34px; }
    .prose { font-size: 15.8px; }

    .section { margin-top: 34px; }

    .schedule-head h2,
    .section-head h2 { font-size: 19px; }

    table.data th,
    table.data td { padding: 10px 12px; font-size: 13.5px; }

    .site-footer { padding: 34px 0 22px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }

    .ad-top { min-height: 100px; }
    .ad-result, .ad-content, .ad-footer { min-height: 280px; }
}

/* --- ≤ 560px: dar mobil --------------------------------------------------- */
@media (max-width: 560px) {
    .term-row { grid-template-columns: 96px minmax(0, 1fr); gap: 10px; }
    .scenarios { grid-template-columns: 1fr; }
    .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kpi { padding: 12px 13px; }
    .kpi-value { font-size: 17px; }
    .share-row .btn { width: 100%; }
    .segmented button { font-size: 13.5px; padding: 0 4px; }
}

/* --- ≤ 380px: en dar cihazlar -------------------------------------------- */
@media (max-width: 380px) {
    .wrap { padding: 0 13px; }
    h1 { font-size: 25px; }
    .result-value { font-size: 30px; }
    .kpi-grid { grid-template-columns: 1fr; }
    .kpi { border-right: 0; }
    .footer-grid { grid-template-columns: 1fr; }
    .brand-sub { display: none; }
    .term-row { grid-template-columns: 1fr; }
    .term-row input[type="range"] { width: 100%; }
}

/* --- Yazdırma ------------------------------------------------------------- */
@media print {
    .site-header, .site-footer, .ad-slot, .share-row, .schedule-more,
    .scenarios, .breadcrumb, .nav-toggle { display: none !important; }
    body { background: #fff; }
    .calc-result { background: #fff; color: #000; }
    .calc { border-color: #999; }
    .kpi-value, .result-value { color: #000; }
    .result-label { color: #555; }
}