/* ============================================================
   BILGINSAYAR.COM — ANA STİL
   Aydınlık & Minimal — Linear / Vercel / Stripe esintili
   ============================================================ */

/* ==== DEĞİŞKENLER ==== */
:root {
    /* Renkler */
    --metin:        #0b0d10;
    --metin-soft:   #5a6470;
    --metin-muted:  #5a6470;
    --zemin:        #ffffff;
    --zemin-alt:    #fafbfc;
    --zemin-kutu:   #f5f7fa;
    --cizgi:        #eaeef2;
    --cizgi-koyu:   #d5dbe1;

    /* Vurgu */
    --vurgu:        #1e40af;
    --vurgu-koyu:   #1a378f;
    --vurgu-canli:  #2563eb;
    --vurgu-soft:   #eff6ff;
    --vurgu-kenar:  #dbeafe;

    /* Durumlar */
    --basari:       #059669;
    --uyari:        #d97706;
    --hata:         #dc2626;

    /* Tipografi */
    --font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

    /* Ölçüler */
    --kap: 1200px;
    --kap-dar: 760px;
    --r-kucuk: 6px;
    --r: 10px;
    --r-buyuk: 16px;
    --gecis: 0.18s cubic-bezier(0.4, 0, 0.2, 1);

    /* Gölgeler */
    --golge-1: 0 1px 2px rgba(11, 13, 16, 0.04);
    --golge-2: 0 4px 12px rgba(11, 13, 16, 0.06);
    --golge-3: 0 12px 32px rgba(11, 13, 16, 0.08);
    --golge-vurgu: 0 8px 24px rgba(30, 64, 175, 0.12);
}

/* ==== SIFIRLAMA ==== */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

body {
    font-family: var(--font);
    font-size: 16.5px;
    line-height: 1.65;
    color: var(--metin);
    background: var(--zemin);
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern", "liga", "calt", "ss01";
}

img, picture, svg, video {
    max-width: 100%; height: auto; display: block;
}

a {
    color: var(--vurgu);
    text-decoration: none;
    transition: color var(--gecis);
}
a:hover { color: var(--vurgu-canli); }

::selection { background: var(--vurgu-soft); color: var(--vurgu-koyu); }

/* ==== KAP ==== */
.kap {
    max-width: var(--kap);
    margin: 0 auto;
    padding: 0 28px;
}
@media (max-width: 640px) {
    .kap { padding: 0 20px; }
}

/* ==== ATLAMA BAĞLANTISI ==== */
.atlama-baglantisi {
    position: absolute; left: -9999px; top: 0;
    background: var(--metin); color: #fff;
    padding: 12px 20px; z-index: 9999;
    font-weight: 600; border-radius: 0 0 var(--r-kucuk) 0;
}
.atlama-baglantisi:focus { left: 0; color: #fff; }

/* ==== ÜST BAŞLIK ==== */
.ust {
    position: sticky; top: 0; z-index: 100;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    border-bottom: 1px solid var(--cizgi);
}
.ust .kap {
    display: flex; align-items: center; justify-content: space-between;
    min-height: 68px; gap: 24px;
}

.logo {
    color: var(--metin);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}
.logo:hover { text-decoration: none; color: var(--metin); }
.logo-isim {
    font-size: 1.28rem;
    letter-spacing: -0.028em;
    font-feature-settings: "ss01";
}
.logo-vurgu {
    color: var(--vurgu);
    position: relative;
}
.logo-kucuk .logo-isim { font-size: 1.05rem; }

.ana-menu ul {
    list-style: none;
    display: flex;
    gap: 2px;
    align-items: center;
}
.ana-menu a {
    display: block;
    padding: 8px 14px;
    border-radius: var(--r-kucuk);
    color: var(--metin-soft);
    font-weight: 500;
    font-size: 0.94rem;
    letter-spacing: -0.008em;
    text-decoration: none;
    transition: all var(--gecis);
}
.ana-menu a:hover, .ana-menu a:focus-visible {
    color: var(--metin);
    background: var(--zemin-kutu);
    text-decoration: none;
}

.menu-dugmesi {
    display: none;
    width: 40px; height: 40px;
    background: transparent;
    border: 1px solid var(--cizgi);
    border-radius: var(--r-kucuk);
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    transition: border-color var(--gecis);
}
.menu-dugmesi:hover { border-color: var(--cizgi-koyu); }
.menu-dugmesi span {
    display: block;
    width: 18px; height: 1.75px;
    background: var(--metin);
    border-radius: 2px;
    transition: transform var(--gecis), opacity var(--gecis);
}
.menu-dugmesi[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-dugmesi[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-dugmesi[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ==== İÇERİK ==== */
.icerik {
    min-height: 60vh;
    padding: 0;
}

/* ==== HERO ==== */
.giris {
    padding: 96px 0 112px;
    position: relative;
    overflow: hidden;
}
.giris::before {
    content: '';
    position: absolute;
    top: -200px; left: 50%;
    transform: translateX(-50%);
    width: 800px; height: 800px;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.06) 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
}
.giris .kap { position: relative; z-index: 1; }

.giris-etiket {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: var(--vurgu-soft);
    color: var(--vurgu-koyu);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 28px;
    border: 1px solid var(--vurgu-kenar);
}
.giris-etiket::before {
    content: '';
    width: 6px; height: 6px;
    background: var(--vurgu-canli);
    border-radius: 50%;
    animation: nabiz 2s ease-in-out infinite;
}
@keyframes nabiz {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.6; transform: scale(1.2); }
}

.giris h1 {
    font-size: clamp(2rem, 5.5vw, 3.75rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.035em;
    color: var(--metin);
    max-width: 900px;
    margin-bottom: 24px;
}
.giris h1 em {
    font-style: normal;
    color: var(--vurgu);
    position: relative;
}

.giris-alt {
    font-size: clamp(1.05rem, 1.5vw, 1.25rem);
    line-height: 1.6;
    color: var(--metin-soft);
    max-width: 640px;
    margin-bottom: 36px;
    letter-spacing: -0.008em;
}

.giris-eylemler {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 64px;
}

.giris-not {
    display: inline-block;
    padding: 12px 20px;
    background: var(--zemin-kutu);
    border-radius: var(--r);
    font-size: 0.92rem;
    color: var(--metin-soft);
    border: 1px solid var(--cizgi);
}

/* ==== DÜĞME ==== */
.dugme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: var(--r-kucuk);
    border: 1px solid transparent;
    font: inherit;
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: -0.005em;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--gecis);
    white-space: nowrap;
}
.dugme:hover { text-decoration: none; }

.dugme-birincil {
    background: var(--metin);
    color: #fff;
    box-shadow: var(--golge-1);
}
.dugme-birincil:hover {
    background: #000;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: var(--golge-2);
}

.dugme-vurgu {
    background: var(--vurgu);
    color: #fff;
}
.dugme-vurgu:hover {
    background: var(--vurgu-koyu);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: var(--golge-vurgu);
}

.dugme-ikincil {
    background: transparent;
    color: var(--metin);
    border-color: var(--cizgi-koyu);
}
.dugme-ikincil:hover {
    background: var(--zemin-kutu);
    border-color: var(--metin-muted);
    color: var(--metin);
}

/* ==== TİPOGRAFİ ==== */
h1, h2, h3, h4 {
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.022em;
    color: var(--metin);
}
h1 { font-size: clamp(1.75rem, 3.5vw, 2.4rem); margin: 0 0 20px; }
h2 { font-size: clamp(1.4rem, 2.5vw, 1.85rem); margin: 1.8em 0 0.7em; }
h3 { font-size: 1.2rem; margin: 1.5em 0 0.6em; }
h4 { font-size: 1rem; margin: 1.3em 0 0.5em; }

p { margin-bottom: 1.1em; }
p:last-child { margin-bottom: 0; }

code, pre, kbd {
    font-family: var(--font-mono);
    font-size: 0.9em;
}
code {
    background: var(--zemin-kutu);
    padding: 2px 7px;
    border-radius: 4px;
    color: var(--metin);
    border: 1px solid var(--cizgi);
    font-size: 0.86em;
}
pre {
    background: #0d1117;
    color: #e8ecf0;
    padding: 20px 22px;
    border-radius: var(--r);
    overflow-x: auto;
    margin: 1.2em 0;
    font-size: 0.9rem;
    line-height: 1.6;
    border: 1px solid #1c2128;
}
pre code {
    background: transparent;
    padding: 0;
    border: none;
    color: inherit;
    font-size: inherit;
}

blockquote {
    border-left: 3px solid var(--vurgu);
    padding: 4px 0 4px 20px;
    margin: 1.5em 0;
    color: var(--metin-soft);
    font-style: italic;
}

hr {
    border: none;
    border-top: 1px solid var(--cizgi);
    margin: 2.5em 0;
}

/* ==== YAZI / İÇERİK ==== */
.icerik-yazi {
    max-width: var(--kap-dar);
    margin: 0 auto;
    padding: 72px 0;
}
.yazi-baslik {
    margin-bottom: 40px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--cizgi);
}
.yazi-baslik h1 { margin: 0 0 14px; }
.yazi-ozet {
    font-size: 1.15rem;
    color: var(--metin-soft);
    line-height: 1.6;
    margin: 0;
    letter-spacing: -0.008em;
}
.yazi-govde {
    font-size: 1.05rem;
    line-height: 1.75;
    color: var(--metin);
}
.yazi-govde h2 { margin-top: 2.2em; }
.yazi-govde h3 { margin-top: 1.8em; }
.yazi-govde ul, .yazi-govde ol {
    margin: 0 0 1.3em 1.5em;
}
.yazi-govde li { margin-bottom: 0.5em; }
.yazi-govde li::marker { color: var(--metin-muted); }
.yazi-govde img {
    border-radius: var(--r);
    margin: 1.5em 0;
}
.yazi-govde a {
    color: var(--vurgu);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--vurgu-kenar);
    transition: text-decoration-color var(--gecis);
}
.yazi-govde a:hover {
    text-decoration-color: var(--vurgu);
}

/* ==== UYARI ==== */
.uyari {
    padding: 14px 18px;
    border-radius: var(--r);
    margin-bottom: 20px;
    border: 1px solid;
    font-size: 0.95rem;
    line-height: 1.5;
}
.uyari-basari { background: #f0fdf4; border-color: #bbf7d0; color: var(--basari); }
.uyari-hata   { background: #fef2f2; border-color: #fecaca; color: var(--hata); }

/* ==== 404 ==== */
.hata-sayfa {
    text-align: center;
    padding: 100px 0;
}
.hata-kod {
    font-size: clamp(4rem, 14vw, 9rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.06em;
    color: var(--vurgu);
    margin-bottom: 16px;
    font-feature-settings: "ss01";
}
.hata-sayfa h1 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 12px; }
.hata-mesaj {
    color: var(--metin-soft);
    max-width: 480px;
    margin: 0 auto 32px;
}
.hata-baglantilar {
    display: flex; justify-content: center; gap: 12px; flex-wrap: wrap;
}

/* ==== İLETİŞİM FORMU ==== */
.form-iletisim {
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-buyuk);
    padding: 32px;
    margin-top: 8px;
}
.form-iletisim .form-satir {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.form-iletisim .alan { margin-bottom: 16px; }
.form-iletisim .alan-etiket {
    display: block;
    font-size: 0.88rem;
    font-weight: 600;
    margin-bottom: 7px;
    color: var(--metin);
    letter-spacing: -0.005em;
}
.form-iletisim .zorunlu { color: var(--hata); font-weight: 500; }
.form-iletisim input[type="text"],
.form-iletisim input[type="email"],
.form-iletisim input[type="tel"],
.form-iletisim textarea {
    width: 100%;
    padding: 11px 14px;
    font: inherit;
    font-size: 1rem;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    transition: border-color var(--gecis), box-shadow var(--gecis);
}
.form-iletisim input:focus,
.form-iletisim textarea:focus {
    outline: none;
    border-color: var(--vurgu-canli);
    box-shadow: 0 0 0 3px var(--vurgu-soft);
}
.form-iletisim textarea {
    resize: vertical;
    min-height: 140px;
    line-height: 1.55;
}
.form-iletisim .alan-not {
    display: block;
    font-size: 0.82rem;
    color: var(--metin-muted);
    margin-top: 5px;
}
.form-iletisim .dugme { margin-top: 8px; }

/* ==== YOUTUBE ==== */
.youtube-gomme {
    margin: 1.5em 0;
    border-radius: var(--r);
    overflow: hidden;
    background: #000;
    aspect-ratio: 16 / 9;
    position: relative;
}
.youtube-gomme iframe {
    width: 100%; height: 100%; border: 0; display: block;
}
.yt-oynat {
    width: 100%; height: 100%;
    position: relative;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: block;
}
.yt-oynat img {
    width: 100%; height: 100%;
    object-fit: cover;
    margin: 0;
    border-radius: 0;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.yt-oynat:hover img { transform: scale(1.04); }
.yt-ikon {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 72px; height: 50px;
    background: rgba(0, 0, 0, 0.78);
    border-radius: 12px;
    pointer-events: none;
    transition: background var(--gecis), transform var(--gecis);
}
.yt-oynat:hover .yt-ikon {
    background: #dc2626;
    transform: translate(-50%, -50%) scale(1.05);
}
.yt-ikon::after {
    content: '';
    position: absolute; top: 50%; left: 50%;
    transform: translate(-46%, -50%);
    width: 0; height: 0;
    border-style: solid;
    border-width: 11px 0 11px 18px;
    border-color: transparent transparent transparent #fff;
}

/* ==== ALT ==== */
.alt {
    margin-top: 96px;
    padding: 64px 0 28px;
    background: var(--zemin-alt);
    border-top: 1px solid var(--cizgi);
    color: var(--metin);
    font-size: 0.92rem;
}
.alt-izgara {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 40px;
}
.alt-kolon h3 {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--metin);
    margin: 0 0 14px;
    font-weight: 700;
}
.alt-kolon ul { list-style: none; }
.alt-kolon li { margin-bottom: 8px; }
.alt-kolon a {
    color: var(--metin);
    transition: color var(--gecis);
}
.alt-kolon a:hover { color: var(--vurgu); text-decoration: none; }
.alt-slogan {
    margin-top: 12px;
    max-width: 320px;
    line-height: 1.55;
}
.alt-telif {
    border-top: 1px solid var(--cizgi);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 0.86rem;
    color: var(--metin-soft);
}
.alt-telif a { color: var(--metin); font-weight: 600; }
.alt-telif a:hover { color: var(--vurgu); text-decoration: none; }

/* ==== SOSYAL MEDYA ==== */
.sosyal-medya {
    list-style: none;
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.sosyal-medya li { margin: 0; }
.sosyal-medya a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px; height: 46px;
    border-radius: 50%;
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    transition: all var(--gecis);
    text-decoration: none;
}
.sosyal-medya svg {
    width: 22px !important;
    height: 22px !important;
}
.sosyal-medya a:hover {
    transform: translateY(-2px);
    box-shadow: var(--golge-2);
    border-color: var(--cizgi-koyu);
    text-decoration: none;
}
.sosyal-medya a:focus-visible {
    outline: 2px solid var(--sosyal-renk, var(--vurgu));
    outline-offset: 2px;
}
.sosyal-medya svg { display: block; }

/* Kalp */
.kalp {
    display: inline-block;
    color: #e0245e;
    animation: kalp-at 1.8s ease-in-out infinite;
    transform-origin: center;
}
@keyframes kalp-at {
    0%, 100% { transform: scale(1); }
    15%      { transform: scale(1.18); }
    30%      { transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) { .kalp { animation: none; } }

/* ==== MOBİL ==== */
@media (max-width: 760px) {
    .menu-dugmesi { display: flex; }
    .ana-menu {
        position: absolute;
        left: 0; right: 0; top: 100%;
        background: #fff;
        border-bottom: 1px solid var(--cizgi);
        padding: 14px 28px 22px;
        display: none;
        box-shadow: var(--golge-2);
    }
    .ana-menu.acik { display: block; }
    .ana-menu ul { flex-direction: column; gap: 2px; align-items: stretch; }
    .ana-menu a { padding: 12px 14px; font-size: 1rem; }
    .alt-izgara { grid-template-columns: 1fr; gap: 32px; }
    .alt-telif { flex-direction: column; }
    .giris { padding: 64px 0 72px; }
    .icerik-yazi { padding: 48px 0; }
    .form-iletisim { padding: 22px; }
    .form-iletisim .form-satir { grid-template-columns: 1fr; gap: 0; }
}

/* ==== YAZDIRMA ==== */
@media print {
    .ust, .alt, .menu-dugmesi { display: none; }
    body { color: #000; }
    a { color: #000; text-decoration: underline; }
}

/* ==== KOYU TEMA ==== */
@media (prefers-color-scheme: dark) {
    :root {
        --metin:        #f0f4f8;
        --metin-soft:   #9ba7b3;
        --metin-muted:  #6e7885;
        --zemin:        #0a0d12;
        --zemin-alt:    #0e1218;
        --zemin-kutu:   #161b22;
        --cizgi:        #1e242c;
        --cizgi-koyu:   #2a313b;

        --vurgu:        #60a5fa;
        --vurgu-koyu:   #93c5fd;
        --vurgu-canli:  #3b82f6;
        --vurgu-soft:   #0f1e38;
        --vurgu-kenar:  #1e3a5f;

        --golge-1: 0 1px 2px rgba(0, 0, 0, 0.3);
        --golge-2: 0 4px 12px rgba(0, 0, 0, 0.4);
        --golge-3: 0 12px 32px rgba(0, 0, 0, 0.5);
    }
    .ust { background: rgba(10, 13, 18, 0.85); }
    .ana-menu { background: #0a0d12; }
    .dugme-birincil { background: #f0f4f8; color: #0a0d12; }
    .dugme-birincil:hover { background: #fff; color: #000; }
    pre { background: #05080c; }
    .form-iletisim { background: var(--zemin-alt); }
    .sosyal-medya a { background: var(--zemin-kutu); }
    .uyari-basari { background: #052e1f; border-color: #065f46; color: #6ee7b7; }
    .uyari-hata   { background: #2a0a0a; border-color: #7f1d1d; color: #fca5a5; }
}

/* ============================================================
   ANASAYFA BÖLÜMLERİ
   ============================================================ */

/* ==== İSTATİSTİK ŞERİDİ ==== */
.giris-istatistik {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid var(--cizgi);
}
.istatistik {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.istatistik-sayi {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--metin);
    line-height: 1;
    font-feature-settings: "ss01", "tnum";
}
.istatistik-baslik {
    font-size: 0.86rem;
    color: var(--metin-soft);
    line-height: 1.4;
}

/* ==== BÖLÜM ==== */
.bolum {
    padding: 96px 0;
    border-top: 1px solid var(--cizgi);
}
.bolum-alt { background: var(--zemin-alt); }
.bolum-baslik {
    max-width: 640px;
    margin-bottom: 56px;
}
.bolum-baslik h2 {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    margin: 0 0 12px;
    letter-spacing: -0.028em;
}
.bolum-baslik p {
    font-size: 1.08rem;
    color: var(--metin-soft);
    margin: 0;
    line-height: 1.55;
}
.bolum-alt-yazi {
    font-size: 1.08rem;
    color: var(--metin-soft);
    line-height: 1.65;
    margin-bottom: 32px;
}

/* ==== HİZMET KARTLARI ==== */
.hizmet-izgara {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.hizmet-kart {
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-buyuk);
    padding: 28px;
    transition: all var(--gecis);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.hizmet-kart:hover {
    border-color: var(--cizgi-koyu);
    box-shadow: var(--golge-2);
    transform: translateY(-2px);
}
.hizmet-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--r-kucuk);
    background: var(--vurgu-soft);
    color: var(--vurgu);
    margin-bottom: 4px;
}
.hizmet-kart h3 {
    font-size: 1.08rem;
    margin: 0;
    letter-spacing: -0.015em;
}
.hizmet-kart p {
    font-size: 0.94rem;
    line-height: 1.6;
    color: var(--metin-soft);
    margin: 0;
}
.hizmet-kart-vurgu {
    background: linear-gradient(135deg, var(--vurgu-soft) 0%, #fff 100%);
    border-color: var(--vurgu-kenar);
}
.hizmet-kart-vurgu .hizmet-ikon {
    background: var(--vurgu);
    color: #fff;
}
.hizmet-baglanti {
    margin-top: auto;
    font-weight: 600;
    color: var(--vurgu);
    font-size: 0.94rem;
}

/* ==== İKİLİ YERLEŞİM ==== */
.ikili {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 64px;
    align-items: start;
}
.ikili h2 {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    margin: 0 0 20px;
    letter-spacing: -0.028em;
}

/* ==== NEDEN LİSTESİ ==== */
.neden-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.neden-liste li {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.neden-ikon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--vurgu);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 2px;
}
.neden-liste strong {
    display: block;
    font-size: 1rem;
    color: var(--metin);
    margin-bottom: 3px;
    letter-spacing: -0.01em;
}
.neden-liste p {
    font-size: 0.94rem;
    color: var(--metin-soft);
    margin: 0;
    line-height: 1.55;
}

/* ==== VURGU KART ==== */
.vurgu-kart {
    background: linear-gradient(160deg, #0b0d10 0%, #1a1d22 100%);
    color: #f0f4f8;
    border-radius: var(--r-buyuk);
    padding: 36px;
    position: sticky;
    top: 100px;
}
.vurgu-kart-baslik {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #60a5fa;
    font-weight: 700;
    margin-bottom: 16px;
}
.vurgu-kart p {
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.65;
    margin-bottom: 14px;
}
.vurgu-kart-alt {
    color: #94a3b8 !important;
    font-style: italic;
    font-size: 0.92rem !important;
}
.vurgu-kart .dugme-ikincil {
    background: transparent;
    color: #f0f4f8;
    border-color: #2a313b;
}
.vurgu-kart .dugme-ikincil:hover {
    background: #1a1d22;
    color: #fff;
    border-color: #4b5563;
}

/* ==== YAZI KARTLARI ==== */
.yazi-izgara {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.yazi-kart {
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-buyuk);
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all var(--gecis);
}
.yazi-kart:hover {
    border-color: var(--cizgi-koyu);
    box-shadow: var(--golge-2);
    transform: translateY(-2px);
}
.yazi-kart-ust {
    display: flex;
    gap: 8px;
    align-items: center;
    min-height: 20px;
}
.yazi-kart-etiket {
    display: inline-block;
    padding: 3px 9px;
    background: var(--zemin-kutu);
    border-radius: 4px;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--metin);
    letter-spacing: 0.01em;
}
.yazi-kart h2 {
    font-size: 1.08rem;
    line-height: 1.35;
    margin: 0;
    letter-spacing: -0.015em;
}
.yazi-kart h2 a {
    color: var(--metin);
    text-decoration: none;
    transition: color var(--gecis);
}
.yazi-kart h2 a:hover {
    color: var(--vurgu);
    text-decoration: none;
}
.yazi-kart p {
    font-size: 0.93rem;
    color: var(--metin-soft);
    line-height: 1.55;
    margin: 0;
    flex: 1;
}
.yazi-kart-alt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid var(--cizgi);
    font-size: 0.82rem;
    color: var(--metin-soft);
    margin-top: auto;
}
.yazi-kart-ok {
    color: var(--vurgu);
    font-weight: 600;
}

/* ==== CTA ==== */
.cta {
    padding: 96px 0;
    text-align: center;
    border-top: 1px solid var(--cizgi);
    background: var(--zemin-alt);
}
.cta h2 {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    margin: 0 0 16px;
    letter-spacing: -0.028em;
}
.cta p {
    font-size: 1.08rem;
    color: var(--metin-soft);
    max-width: 560px;
    margin: 0 auto 32px;
    line-height: 1.55;
}

/* ==== MOBİL ==== */
@media (max-width: 900px) {
    .hizmet-izgara { grid-template-columns: 1fr 1fr; }
    .yazi-izgara { grid-template-columns: 1fr 1fr; }
    .ikili { grid-template-columns: 1fr; gap: 40px; }
    .vurgu-kart { position: static; }
}
@media (max-width: 640px) {
    .bolum { padding: 64px 0; }
    .giris-istatistik { grid-template-columns: 1fr; gap: 20px; margin-top: 40px; padding-top: 28px; }
    .hizmet-izgara { grid-template-columns: 1fr; }
    .yazi-izgara { grid-template-columns: 1fr; }
    .cta { padding: 64px 0; }
    .bolum-baslik { margin-bottom: 32px; }
}

@media (prefers-color-scheme: dark) {
    .hizmet-kart-vurgu {
        background: linear-gradient(135deg, #0f1e38 0%, var(--zemin) 100%);
    }
    .vurgu-kart {
        background: linear-gradient(160deg, #161b22 0%, #0e1218 100%);
    }
}

/* ==== LİSTE SAYFALARI ==== */
.bolum-liste {
    padding: 72px 0 96px;
}
.bolum-liste .bolum-baslik h1 {
    font-size: clamp(1.9rem, 4vw, 2.6rem);
    margin: 0 0 12px;
    letter-spacing: -0.03em;
}

/* Kapak görselli yazı kartı */
.yazi-kart-kapak {
    display: block;
    margin: -26px -26px 4px;
    border-radius: var(--r-buyuk) var(--r-buyuk) 0 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--zemin-kutu);
}
.yazi-kart-kapak picture,
.yazi-kart-kapak img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.yazi-kart-kapak:hover img {
    transform: scale(1.04);
}

.bos {
    text-align: center;
    padding: 64px 0;
    color: var(--metin-muted);
    font-size: 1.05rem;
}

/* Sayfalama (public) */
.sayfalama {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 48px;
    flex-wrap: wrap;
}
.sayfalama a,
.sayfalama span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: var(--r-kucuk);
    border: 1px solid var(--cizgi);
    background: var(--zemin);
    color: var(--metin);
    font-size: 0.92rem;
    font-weight: 500;
    text-decoration: none;
    transition: all var(--gecis);
}
.sayfalama a:hover {
    border-color: var(--vurgu);
    color: var(--vurgu);
    text-decoration: none;
}
.sayfalama .aktif {
    background: var(--metin);
    border-color: var(--metin);
    color: #fff;
    font-weight: 600;
}

@media (max-width: 640px) {
    .bolum-liste { padding: 48px 0 64px; }
}

/* ==== YAZI DETAY (TEK) ==== */
.yazi-tek {
    padding: 48px 0 64px;
}
.yazi-tek .kap {
    max-width: var(--kap-dar);
}

/* Breadcrumb */
.izlek {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.86rem;
    color: var(--metin-soft);
    margin-bottom: 32px;
}
.izlek a {
    color: var(--metin-soft);
    text-decoration: none;
}
.izlek a:hover { color: var(--vurgu); }
.izlek span { color: var(--metin-muted); }

/* Başlık bloğu */
.yazi-tek-baslik {
    margin-bottom: 32px;
}
.yazi-tek-baslik h1 {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin: 12px 0 16px;
}
.yazi-tek-ozet {
    font-size: 1.15rem;
    line-height: 1.6;
    color: var(--metin-soft);
    margin: 0 0 20px;
    letter-spacing: -0.008em;
}

.yazi-tek-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: var(--metin-soft);
}
.meta-yazar {
    color: var(--metin-soft);
    font-weight: 600;
}
.meta-ayrac { color: var(--metin-muted); }

/* Kategoriler */
.yazi-kategoriler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
}
.kategori-etiket {
    display: inline-block;
    padding: 4px 12px;
    background: var(--vurgu-soft);
    color: var(--vurgu-koyu);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: none;
    transition: background var(--gecis);
}
.kategori-etiket:hover {
    background: var(--vurgu-kenar);
    text-decoration: none;
    color: var(--vurgu-koyu);
}

/* Kapak */
.yazi-tek-kapak {
    margin: 0 0 40px;
    border-radius: var(--r-buyuk);
    overflow: hidden;
    background: var(--zemin-kutu);
}
.yazi-tek-kapak img {
    width: 100%;
    height: auto;
    display: block;
}

/* Gövde */
.yazi-tek-govde {
    font-size: 1.08rem;
    line-height: 1.75;
    color: var(--metin);
}
.yazi-tek-govde p,
.yazi-tek-govde ul,
.yazi-tek-govde ol,
.yazi-tek-govde blockquote {
    margin-bottom: 1.2em;
}
.yazi-tek-govde h2 {
    margin: 2em 0 0.7em;
    letter-spacing: -0.02em;
}
.yazi-tek-govde h3 {
    margin: 1.7em 0 0.6em;
    letter-spacing: -0.015em;
}
.yazi-tek-govde ul,
.yazi-tek-govde ol {
    margin-left: 1.5em;
}
.yazi-tek-govde li { margin-bottom: 0.45em; }
.yazi-tek-govde li::marker { color: var(--metin-muted); }

.yazi-tek-govde img {
    border-radius: var(--r);
    margin: 1.5em 0;
    width: 100%;
    height: auto;
}

.yazi-tek-govde pre {
    margin: 1.5em 0;
}

.yazi-tek-govde a {
    color: var(--vurgu);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--vurgu-kenar);
    transition: text-decoration-color var(--gecis);
}
.yazi-tek-govde a:hover {
    text-decoration-color: var(--vurgu);
    text-decoration-thickness: 2px;
}

/* Alt */
.yazi-tek-alt {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid var(--cizgi);
    font-size: 0.88rem;
    color: var(--metin-muted);
}

@media (max-width: 640px) {
    .yazi-tek { padding: 32px 0 48px; }
    .yazi-tek-baslik h1 { margin: 8px 0 12px; }
    .yazi-tek-kapak { margin-bottom: 24px; border-radius: var(--r); }
    .yazi-tek-govde { font-size: 1.02rem; }
}

/* ==== ARAÇ KARTLARI ==== */
.arac-izgara {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.arac-kart {
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-buyuk);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-decoration: none;
    color: var(--metin);
    transition: all var(--gecis);
}
.arac-kart:hover {
    border-color: var(--cizgi-koyu);
    box-shadow: var(--golge-2);
    transform: translateY(-2px);
    text-decoration: none;
    color: var(--metin);
}
.arac-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: var(--r);
    background: var(--vurgu-soft);
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 4px;
}
.arac-kart h2 {
    font-size: 1.08rem;
    margin: 0;
    letter-spacing: -0.015em;
}
.arac-kart p {
    font-size: 0.94rem;
    line-height: 1.55;
    color: var(--metin-soft);
    margin: 0;
    flex: 1;
}
.arac-ok {
    display: inline-block;
    margin-top: auto;
    color: var(--vurgu);
    font-weight: 600;
    font-size: 0.92rem;
}

@media (max-width: 900px) {
    .arac-izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .arac-izgara { grid-template-columns: 1fr; }
}

/* Araç başlığındaki ikon */
.arac-baslik-ikon {
    display: inline-block;
    margin-right: 12px;
    font-size: 0.9em;
    vertical-align: middle;
}

/* ==== ÜRÜN FİYAT SATIRI ==== */
.urun-fiyat-satir {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--cizgi);
}
.urun-fiyat {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--metin);
    font-feature-settings: "tnum";
}
.urun-fiyat-ucretsiz {
    color: var(--basari);
}
.urun-fiyat-satir .dugme { margin-left: auto; }
.urun-fiyat-satir .dugme + .dugme { margin-left: 0; }

@media (max-width: 640px) {
    .urun-fiyat-satir { gap: 12px; }
    .urun-fiyat-satir .dugme { margin-left: 0; }
}

/* ==== ARAMA ==== */
.arama-form {
    display: flex;
    gap: 10px;
    margin-bottom: 28px;
    max-width: 640px;
}
.arama-form input[type="search"] {
    flex: 1;
    padding: 12px 16px;
    font: inherit;
    font-size: 1rem;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    transition: border-color var(--gecis), box-shadow var(--gecis);
}
.arama-form input[type="search"]:focus {
    outline: none;
    border-color: var(--vurgu-canli);
    box-shadow: 0 0 0 3px var(--vurgu-soft);
}
.arama-form .dugme { flex-shrink: 0; }

.arama-ozet {
    color: var(--metin-soft);
    font-size: 0.95rem;
    margin-bottom: 24px;
}
.arama-sonuclar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.arama-sonuc {
    display: block;
    padding: 18px 22px;
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r);
    text-decoration: none;
    color: var(--metin);
    transition: all var(--gecis);
    position: relative;
}
.arama-sonuc:hover {
    border-color: var(--vurgu);
    box-shadow: var(--golge-2);
    transform: translateY(-1px);
    text-decoration: none;
}
.arama-sonuc h3 {
    font-size: 1.05rem;
    margin: 4px 0 6px;
    letter-spacing: -0.015em;
    color: var(--metin);
}
.arama-sonuc p {
    font-size: 0.93rem;
    color: var(--metin-soft);
    line-height: 1.55;
    margin: 0 0 6px;
}
.arama-sonuc time {
    font-size: 0.82rem;
    color: var(--metin-muted);
}
.arama-tip {
    display: inline-block;
    padding: 2px 8px;
    background: var(--vurgu-soft);
    color: var(--vurgu-koyu);
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@media (max-width: 640px) {
    .arama-form { flex-direction: column; }
}

@media (prefers-color-scheme: dark) {
    .arama-form input[type="search"] { background: var(--zemin-alt); }
}

/* Kategori üst etiketi */
.kategori-etiket-ust {
    display: inline-block;
    padding: 4px 12px;
    background: var(--vurgu-soft);
    color: var(--vurgu-koyu);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 12px;
}

/* Menüdeki arama ikonu */
.menu-arama {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    padding: 8px !important;
}
.menu-arama svg {
    display: block;
    opacity: 0.7;
    transition: opacity var(--gecis);
}
.menu-arama:hover svg { opacity: 1; }

/* ============================================================
   ARAÇ ARAYÜZ (her aracın iç kısmı)
   ============================================================ */
.arac-arayuz {
    margin: 40px 0;
}

.arac-arayuz-baslik {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--cizgi);
}
.arac-arayuz-baslik h2 {
    font-size: clamp(1.4rem, 3vw, 1.8rem);
    letter-spacing: -0.025em;
    margin: 0 0 12px;
}
.arac-arayuz-baslik p {
    font-size: 1.05rem;
    color: var(--metin-soft);
    line-height: 1.6;
    margin: 0 0 8px;
}
.arac-arayuz-not {
    display: inline-block;
    padding: 8px 14px;
    background: var(--vurgu-soft);
    border-radius: var(--r-kucuk);
    font-size: 0.88rem !important;
    color: var(--vurgu-koyu) !important;
    margin-top: 8px !important;
}

/* ==== ARAÇ FORMU ==== */
.arac-form {
    background: var(--zemin-alt);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-buyuk);
    padding: 28px;
    margin-bottom: 32px;
}
.arac-form .alan { margin-bottom: 18px; }
.arac-form .alan:last-child { margin-bottom: 0; }
.arac-form .alan-etiket {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 7px;
    color: var(--metin);
    letter-spacing: -0.005em;
}
.arac-form .zorunlu { color: var(--hata); font-weight: 500; }
.arac-form input[type="text"],
.arac-form input[type="url"],
.arac-form input[type="email"],
.arac-form textarea {
    width: 100%;
    padding: 11px 14px;
    font: inherit;
    font-size: 0.98rem;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    transition: border-color var(--gecis), box-shadow var(--gecis);
}
.arac-form input:focus,
.arac-form textarea:focus {
    outline: none;
    border-color: var(--vurgu-canli);
    box-shadow: 0 0 0 3px var(--vurgu-soft);
}
.arac-form textarea {
    resize: vertical;
    line-height: 1.55;
    font-family: var(--font-mono);
    font-size: 0.9rem;
}
.arac-form .alan-not {
    display: block;
    font-size: 0.82rem;
    color: var(--metin-muted);
    margin-top: 5px;
}
.arac-form-satir {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.arac-form-satir .alan { margin-bottom: 18px; }

/* ==== ARAÇ SONUÇ ==== */
.arac-sonuc {
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-buyuk);
    overflow: hidden;
}
.arac-sonuc-baslik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 22px;
    background: var(--zemin-kutu);
    border-bottom: 1px solid var(--cizgi);
    gap: 12px;
    flex-wrap: wrap;
}
.arac-sonuc-baslik h3 {
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--metin-soft);
    margin: 0;
}
.arac-sonuc-butonlar {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.arac-sonuc-butonlar .dugme {
    padding: 8px 14px;
    font-size: 0.85rem;
}
.arac-cikti {
    margin: 0;
    padding: 22px;
    background: #0d1117;
    color: #e8ecf0;
    font-family: var(--font-mono);
    font-size: 0.85rem;
    line-height: 1.6;
    overflow-x: auto;
    max-height: 600px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    border-radius: 0;
    border: none;
}
.arac-cikti .arac-bos {
    color: #6e7885;
    font-style: italic;
}

@media (max-width: 640px) {
    .arac-form { padding: 20px; }
    .arac-form-satir { grid-template-columns: 1fr; gap: 0; }
    .arac-sonuc-baslik { flex-direction: column; align-items: flex-start; }
}

@media (prefers-color-scheme: dark) {
    .arac-form { background: var(--zemin-kutu); }
    .arac-form input, .arac-form textarea { background: var(--zemin); }
    .arac-cikti { background: #05080c; }
}

/* ==== GÖRSEL DÖNÜŞTÜRÜCÜ ==== */
.gorsel-onizleme {
    display: flex;
    justify-content: center;
    padding: 20px;
    background: var(--zemin-kutu);
    border-radius: var(--r);
    margin-bottom: 20px;
    overflow: hidden;
}
.gorsel-onizleme img {
    max-width: 100%;
    max-height: 400px;
    width: auto;
    height: auto;
    border-radius: var(--r-kucuk);
    box-shadow: var(--golge-2);
}

.gorsel-indirmeler {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 20px;
}
.gorsel-indir {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px 16px;
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r);
    text-decoration: none;
    color: var(--metin);
    text-align: center;
    transition: all var(--gecis);
    min-height: 200px;
    height: 100%;
}
.gorsel-indir:hover {
    border-color: var(--vurgu);
    transform: translateY(-2px);
    box-shadow: var(--golge-2);
    text-decoration: none;
    color: var(--metin);
}
.gorsel-format {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--vurgu);
    letter-spacing: -0.02em;
}
.gorsel-boyut {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--metin);
    letter-spacing: -0.02em;
    font-feature-settings: "tnum";
}
.gorsel-not {
    font-size: 0.82rem;
    color: var(--metin-muted);
    margin-bottom: 12px;
    flex-grow: 1;
}
.gorsel-buton {
    display: block;
    margin-top: auto;
    padding: 10px 14px;
    background: var(--metin);
    color: #fff;
    border-radius: var(--r-kucuk);
    font-size: 0.88rem;
    font-weight: 600;
    transition: background var(--gecis);
}
.gorsel-indir:hover .gorsel-buton {
    background: var(--vurgu);
}

.arac-form input[type="file"] {
    width: 100%;
    padding: 11px 14px;
    font: inherit;
    font-size: 0.95rem;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    cursor: pointer;
}
.arac-form input[type="file"]::file-selector-button {
    padding: 6px 14px;
    margin-right: 12px;
    background: var(--vurgu);
    color: #fff;
    border: none;
    border-radius: var(--r-kucuk);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--gecis);
}
.arac-form input[type="file"]::file-selector-button:hover {
    background: var(--vurgu-koyu);
}

@media (max-width: 640px) {
    .gorsel-indirmeler { grid-template-columns: 1fr; }
    .gorsel-onizleme { padding: 12px; }
}

@media (prefers-color-scheme: dark) {
    .gorsel-onizleme { background: var(--zemin-kutu); }
    .arac-form input[type="file"] { background: var(--zemin); }
}

/* ==== FAVICON ÜRETİCİ ==== */
.favicon-onizleme {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 28px;
    padding: 32px 20px;
    background: var(--zemin-kutu);
    border-radius: var(--r);
    margin: 20px;
}
.favicon-kutu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.favicon-etiket {
    font-size: 0.75rem;
    color: var(--metin-muted);
    font-family: var(--font-mono);
    font-weight: 600;
}
.favicon-kutu canvas {
    display: block;
    image-rendering: -webkit-optimize-contrast;
}
#fv-cv-16  { width: 32px;  height: 32px; }
#fv-cv-32  { width: 48px;  height: 48px; }
#fv-cv-180 { width: 90px;  height: 90px; }
#fv-cv-192 { width: 96px;  height: 96px; }
#fv-cv-512 { width: 128px; height: 128px; }

.arac-form input[type="color"] {
    width: 100%;
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    cursor: pointer;
    background: var(--zemin);
}
.arac-form input[type="range"] {
    width: 100%;
    accent-color: var(--vurgu);
    cursor: pointer;
}

@media (max-width: 640px) {
    .favicon-onizleme { gap: 16px; padding: 20px 12px; margin: 12px; }
    #fv-cv-512 { width: 80px; height: 80px; }
    #fv-cv-192 { width: 64px; height: 64px; }
    #fv-cv-180 { width: 60px; height: 60px; }
}

@media (prefers-color-scheme: dark) {
    .favicon-onizleme { background: var(--zemin-kutu); }
}

/* ==== HTTP HEADER DENETLEYİCİ ==== */
.http-ozet {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid var(--cizgi);
    margin-bottom: 8px;
}
.http-ozet-satir {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.http-ozet-etiket {
    font-size: 0.78rem;
    color: var(--metin-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}
.http-ozet-satir code,
.http-ozet-satir strong {
    font-size: 0.95rem;
    word-break: break-all;
}

.http-analiz {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.http-analiz-satir {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: var(--r);
    border-left: 3px solid var(--cizgi-koyu);
    background: var(--zemin-kutu);
    transition: background var(--gecis);
}
.http-analiz-satir:hover { background: var(--zemin-alt); }

.http-analiz-ikon {
    font-size: 1.1rem;
    line-height: 1.2;
    flex-shrink: 0;
}
.http-analiz-icerik { flex: 1; min-width: 0; }
.http-analiz-ust {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.http-analiz-ust strong {
    font-size: 0.95rem;
    color: var(--metin);
}
.http-analiz-ust code {
    font-size: 0.78rem;
    padding: 2px 8px;
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: 4px;
    color: var(--metin-soft);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.http-analiz-icerik p {
    font-size: 0.88rem;
    color: var(--metin-soft);
    margin: 0;
    line-height: 1.5;
}

/* Durum renkleri */
.gorsel-iyi    { border-left-color: var(--basari); }
.gorsel-orta   { border-left-color: var(--uyari); }
.gorsel-uyari  { border-left-color: #eab308; }
.gorsel-kotu   { border-left-color: var(--hata); }
.gorsel-bilgi  { border-left-color: var(--cizgi-koyu); }

@media (max-width: 640px) {
    .http-ozet { grid-template-columns: 1fr; }
    .http-analiz-ust { flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* ==== KONTRAST KONTROLÜ ==== */
.kontrast-onizleme {
    padding: 40px;
    border-radius: var(--r) var(--r) 0 0;
    transition: background 0.3s, color 0.3s;
    border-bottom: 1px solid var(--cizgi);
}
.kontrast-buyuk-baslik {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 16px;
    line-height: 1.15;
    transition: color 0.3s;
}
.kontrast-normal-metin {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 12px;
    transition: color 0.3s;
}
.kontrast-kucuk-metin {
    font-size: 0.875rem;
    line-height: 1.5;
    transition: color 0.3s;
}

.kontrast-sonuc {
    padding: 24px;
}

.kontrast-oran-kutu {
    text-align: center;
    padding: 24px;
    background: var(--zemin-kutu);
    border-radius: var(--r);
    margin-bottom: 20px;
}
.kontrast-oran-baslik {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--metin-muted);
    font-weight: 600;
    margin-bottom: 8px;
}
.kontrast-oran-deger {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--metin);
    font-feature-settings: "tnum";
    font-family: var(--font-mono);
}

.kontrast-tablo {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.kontrast-satir {
    display: grid;
    grid-template-columns: 2fr auto auto;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-kucuk);
    transition: border-color var(--gecis), background var(--gecis);
}
.kontrast-satir.gecti {
    background: #f0fdf4;
    border-color: #bbf7d0;
}
.kontrast-satir.kaldi {
    background: #fef2f2;
    border-color: #fecaca;
}
.kontrast-etiket {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.kontrast-etiket strong {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--vurgu);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.kontrast-etiket span {
    font-size: 0.88rem;
    color: var(--metin-soft);
}
.kontrast-min {
    font-family: var(--font-mono);
    font-size: 0.82rem;
    color: var(--metin-muted);
    white-space: nowrap;
}
.kontrast-durum {
    font-size: 1.15rem;
    font-weight: 700;
    min-width: 60px;
    text-align: right;
    white-space: nowrap;
}
.kontrast-durum.gecti { color: var(--basari); }
.kontrast-durum.kaldi { color: var(--hata); }

@media (max-width: 640px) {
    .kontrast-onizleme { padding: 24px; }
    .kontrast-buyuk-baslik { font-size: 1.5rem; }
    .kontrast-oran-deger { font-size: 1.8rem; }
    .kontrast-satir {
        grid-template-columns: 1fr auto;
        gap: 8px;
    }
    .kontrast-etiket { grid-column: 1 / -1; }
    .kontrast-durum { text-align: right; }
}

@media (prefers-color-scheme: dark) {
    .kontrast-oran-kutu { background: var(--zemin-kutu); }
    .kontrast-satir.gecti { background: #052e1f; border-color: #065f46; }
    .kontrast-satir.kaldi { background: #2a0a0a; border-color: #7f1d1d; }
}

/* ==== CRON İFADE ÜRETİCİ ==== */
.cron-alanlar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-top: 8px;
}
.cron-alan {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cron-alan .alan-etiket {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--metin);
}
.cron-alan input {
    width: 100%;
    padding: 11px 12px;
    font-family: var(--font-mono);
    font-size: 0.95rem;
    text-align: center;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    transition: border-color var(--gecis), box-shadow var(--gecis);
}
.cron-alan input:focus {
    outline: none;
    border-color: var(--vurgu-canli);
    box-shadow: 0 0 0 3px var(--vurgu-soft);
}
.cron-alan .alan-not {
    font-size: 0.72rem;
    color: var(--metin-muted);
    text-align: center;
    line-height: 1.3;
}

.cron-cikti {
    text-align: center;
    padding: 32px 24px;
    background: var(--zemin-kutu);
    border-bottom: 1px solid var(--cizgi);
}
.cron-ifade {
    font-family: var(--font-mono);
    font-size: clamp(1.4rem, 4vw, 2.2rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--vurgu);
    background: var(--zemin);
    padding: 18px 24px;
    border-radius: var(--r);
    display: inline-block;
    margin-bottom: 12px;
    border: 1px solid var(--cizgi-koyu);
    word-break: break-all;
}
.cron-aciklama {
    color: var(--metin-soft);
    font-size: 1rem;
    line-height: 1.5;
    max-width: 640px;
    margin: 0 auto;
}

.cron-gelecek {
    padding: 24px;
    border-bottom: 1px solid var(--cizgi);
}
.cron-gelecek h4,
.cron-ornek-komut h4 {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--metin-soft);
    font-weight: 700;
    margin-bottom: 12px;
}
.cron-gelecek-liste {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px 20px;
}
.cron-gelecek-liste li {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 6px 0;
    font-family: var(--font-mono);
    font-size: 0.86rem;
    color: var(--metin);
}
.cron-sira {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    background: var(--vurgu-soft);
    color: var(--vurgu-koyu);
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    flex-shrink: 0;
}
.cron-bos {
    grid-column: 1 / -1;
    color: var(--metin-muted);
    font-style: italic;
}

.cron-ornek-komut {
    padding: 24px;
}
.cron-ornek-komut .arac-cikti {
    border-radius: var(--r);
    font-size: 0.85rem;
}

@media (max-width: 760px) {
    .cron-alanlar { grid-template-columns: repeat(2, 1fr); }
    .cron-gelecek-liste { grid-template-columns: 1fr; }
    .cron-ifade { font-size: 1.1rem; padding: 12px 16px; letter-spacing: 0.02em; }
}

@media (prefers-color-scheme: dark) {
    .cron-cikti { background: var(--zemin-kutu); }
    .cron-ifade { background: var(--zemin); }
}

/* ==== QR KOD ÜRETİCİ ==== */
.qr-onizleme {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    background: var(--zemin-kutu);
}
.qr-cikti {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 20px;
    background: #fff;
    border-radius: var(--r);
    box-shadow: var(--golge-2);
    max-width: 100%;
}
.qr-cikti canvas,
.qr-cikti img {
    display: block;
    max-width: 100%;
    height: auto;
}
.qr-cikti .arac-bos {
    color: var(--metin-muted);
    font-style: italic;
    margin: 0;
}

/* Araç formunda select stili */
.arac-form select {
    width: 100%;
    padding: 11px 14px;
    font: inherit;
    font-size: 0.98rem;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    transition: border-color var(--gecis), box-shadow var(--gecis);
    cursor: pointer;
}
.arac-form select:focus {
    outline: none;
    border-color: var(--vurgu-canli);
    box-shadow: 0 0 0 3px var(--vurgu-soft);
}

@media (max-width: 640px) {
    .qr-onizleme { padding: 20px 12px; }
    .qr-cikti { padding: 12px; }
}

@media (prefers-color-scheme: dark) {
    .qr-onizleme { background: var(--zemin-kutu); }
    /* QR çıktısı her zaman beyaz zemin — QR okunabilirliği için */
    .qr-cikti { background: #fff; }
}

/* ==== LIGHTHOUSE DENETİMİ ==== */
.lh-skor-buyuk {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 20px;
    background: var(--zemin-kutu);
    border-radius: var(--r);
    margin-bottom: 24px;
}
.lh-skor-daire {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--zemin);
    border: 6px solid var(--cizgi-koyu);
    margin-bottom: 16px;
    transition: border-color 0.3s;
}
.lh-skor-buyuk[data-skor="90"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="91"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="92"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="93"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="94"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="95"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="96"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="97"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="98"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="99"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="100"] .lh-skor-daire {
    border-color: var(--basari);
}
.lh-skor-buyuk[data-skor="60"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="61"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="62"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="63"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="64"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="65"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="66"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="67"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="68"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="69"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="70"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="71"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="72"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="73"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="74"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="75"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="76"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="77"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="78"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="79"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="80"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="81"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="82"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="83"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="84"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="85"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="86"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="87"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="88"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="89"] .lh-skor-daire {
    border-color: var(--uyari);
}
.lh-skor-buyuk[data-skor="0"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="1"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="2"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="3"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="4"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="5"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="6"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="7"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="8"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="9"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="10"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="11"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="12"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="13"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="14"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="15"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="16"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="17"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="18"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="19"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="20"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="21"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="22"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="23"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="24"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="25"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="26"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="27"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="28"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="29"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="30"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="31"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="32"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="33"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="34"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="35"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="36"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="37"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="38"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="39"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="40"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="41"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="42"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="43"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="44"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="45"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="46"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="47"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="48"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="49"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="50"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="51"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="52"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="53"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="54"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="55"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="56"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="57"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="58"] .lh-skor-daire,
.lh-skor-buyuk[data-skor="59"] .lh-skor-daire {
    border-color: var(--hata);
}

.lh-skor-sayi {
    font-size: 2.8rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--metin);
    line-height: 1;
    font-feature-settings: "tnum";
}
.lh-skor-etiket {
    font-size: 0.8rem;
    color: var(--metin-muted);
    margin-top: 4px;
}
.lh-skor-aciklama {
    font-size: 1rem;
    color: var(--metin-soft);
    text-align: center;
    max-width: 500px;
    line-height: 1.55;
    margin: 0;
}

/* Detaylı analiz butonu kutusu */
.lh-detayli-cta {
    margin-top: 32px;
    padding: 24px;
    background: linear-gradient(135deg, var(--vurgu-soft) 0%, var(--zemin-kutu) 100%);
    border: 1px solid var(--vurgu-kenar);
    border-radius: var(--r);
    text-align: center;
}
.lh-detayli-cta h4 {
    font-size: 1.1rem;
    margin: 0 0 8px;
    color: var(--metin);
}
.lh-detayli-cta p {
    font-size: 0.94rem;
    color: var(--metin-soft);
    margin: 0;
    line-height: 1.55;
}

/* Yükleniyor */
.lh-yukleniyor {
    text-align: center;
    padding: 40px 20px;
}
.lh-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid var(--cizgi);
    border-top-color: var(--vurgu);
    border-radius: 50%;
    margin: 0 auto 16px;
    animation: lh-don 0.8s linear infinite;
}
@keyframes lh-don { to { transform: rotate(360deg); } }
.lh-yukleniyor p {
    color: var(--metin-soft);
    font-size: 0.95rem;
    margin: 0;
}

/* Lighthouse kategorileri (4'lü) */
.lh-kategoriler {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 8px;
}
.lh-kategori {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px 8px;
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r);
}
.lh-kategori-cember {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 4px solid var(--cizgi-koyu);
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    font-feature-settings: "tnum";
}
.lh-kategori.lh-renk-iyi .lh-kategori-cember    { border-color: var(--basari); color: var(--basari); }
.lh-kategori.lh-renk-orta .lh-kategori-cember   { border-color: var(--uyari);  color: var(--uyari); }
.lh-kategori.lh-renk-kotu .lh-kategori-cember   { border-color: var(--hata);   color: var(--hata); }
.lh-kategori.lh-renk-bilgi .lh-kategori-cember  { border-color: var(--cizgi-koyu); color: var(--metin-muted); }
.lh-kategori-ad {
    font-size: 0.82rem;
    color: var(--metin-soft);
    text-align: center;
    font-weight: 600;
}

/* Metrikler */
.lh-metrikler {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.lh-metrik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-kucuk);
}
.lh-metrik-ad {
    font-size: 0.86rem;
    color: var(--metin-soft);
    flex: 1;
}
.lh-metrik-deger {
    font-family: var(--font-mono);
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--metin);
    white-space: nowrap;
}

@media (max-width: 640px) {
    .lh-kategoriler { grid-template-columns: repeat(2, 1fr); }
    .lh-metrikler { grid-template-columns: 1fr; }
    .lh-skor-sayi { font-size: 2.2rem; }
    .lh-skor-daire { width: 110px; height: 110px; }
}

@media (prefers-color-scheme: dark) {
    .lh-skor-daire,
    .lh-kategori { background: var(--zemin-kutu); }
    .lh-detayli-cta {
        background: linear-gradient(135deg, #0f1e38 0%, var(--zemin-kutu) 100%);
    }
}

/* ==== LIGHTHOUSE ÖN KONTROL NOTU ==== */
.lh-onkontrol-not {
    padding: 16px 20px;
    background: var(--vurgu-soft);
    border: 1px solid var(--vurgu-kenar);
    border-radius: var(--r);
    margin-bottom: 24px;
}
.lh-onkontrol-not p {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--vurgu-koyu);
}
.lh-onkontrol-not strong { color: var(--vurgu-koyu); }

/* ==== AI-GEO DENETİMİ ==== */
.geo-ozet {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 32px;
    align-items: center;
    padding: 24px;
    background: var(--zemin-kutu);
    border-radius: var(--r);
    margin-bottom: 8px;
}
.geo-ozet-daire {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--zemin);
    border: 6px solid var(--cizgi-koyu);
    text-align: center;
    padding: 8px;
}
.geo-ozet-daire.geo-renk-iyi   { border-color: var(--basari); }
.geo-ozet-daire.geo-renk-orta  { border-color: var(--uyari); }
.geo-ozet-daire.geo-renk-kotu  { border-color: var(--hata); }

.geo-yuzde {
    font-size: 2.4rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
    font-feature-settings: "tnum";
    color: var(--metin);
}
.geo-ozet-daire.geo-renk-iyi .geo-yuzde  { color: var(--basari); }
.geo-ozet-daire.geo-renk-orta .geo-yuzde { color: var(--uyari); }
.geo-ozet-daire.geo-renk-kotu .geo-yuzde { color: var(--hata); }

.geo-etiket {
    font-size: 0.75rem;
    color: var(--metin-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 4px;
    font-weight: 600;
    line-height: 1.2;
}

.geo-istatistik {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.geo-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.geo-stat-sayi {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    font-feature-settings: "tnum";
}
.geo-stat-ad {
    font-size: 0.82rem;
    color: var(--metin-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}
.geo-renk-iyi  { color: var(--basari); }
.geo-renk-orta { color: var(--uyari); }
.geo-renk-kotu { color: var(--hata); }

.geo-analiz {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.geo-satir {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: var(--r);
    border-left: 3px solid var(--cizgi-koyu);
    background: var(--zemin-kutu);
    transition: background var(--gecis);
}
.geo-satir:hover { background: var(--zemin-alt); }
.geo-gecti { border-left-color: var(--basari); }
.geo-kismi { border-left-color: var(--uyari); }
.geo-kaldi { border-left-color: var(--hata); }

.geo-ikon {
    font-size: 1.1rem;
    line-height: 1.2;
    flex-shrink: 0;
}
.geo-icerik { flex: 1; min-width: 0; }
.geo-ust {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.geo-ust strong {
    font-size: 0.95rem;
    color: var(--metin);
}
.geo-ust code {
    font-size: 0.78rem;
    padding: 2px 8px;
    background: var(--zemin);
    border: 1px solid var(--cizgi);
    border-radius: 4px;
    color: var(--metin-soft);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.geo-icerik p {
    font-size: 0.88rem;
    color: var(--metin-soft);
    margin: 0;
    line-height: 1.5;
}
.geo-detay {
    margin-top: 6px;
    font-size: 0.82rem;
    color: var(--metin-muted);
    line-height: 1.5;
}
.geo-detay-etiket {
    font-weight: 600;
    color: var(--metin-soft);
    margin-right: 4px;
}

@media (max-width: 640px) {
    .geo-ozet {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }
    .geo-ozet-daire { margin: 0 auto; }
    .geo-istatistik { justify-content: center; }
    .geo-ust { flex-direction: column; align-items: flex-start; gap: 6px; }
}

@media (prefers-color-scheme: dark) {
    .geo-ozet,
    .geo-satir { background: var(--zemin-kutu); }
    .geo-ozet-daire { background: var(--zemin); }
}

/* ==== FOOTER WHATSAPP (tam daire) ==== */
.sosyal-whatsapp {
    border-radius: 50% !important;
    background: #25D366 !important;
    border-color: #25D366 !important;
}
.sosyal-whatsapp svg { fill: #ffffff !important; }
.sosyal-whatsapp:hover {
    background: #1EBE57 !important;
    border-color: #1EBE57 !important;
    transform: translateY(-2px) scale(1.05);
}

/* ==== HEADER MENÜ WHATSAPP İKONU ==== */
.menu-whatsapp {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    padding: 8px !important;
}
.menu-whatsapp svg {
    display: block;
    width: 20px;
    height: 20px;
    transition: transform var(--gecis);
}
.menu-whatsapp:hover svg {
    transform: scale(1.15);
}

/* ==== YÜZEN WHATSAPP BUTONU (sağ alt) ==== */
.wa-yuzen {
    position: fixed;
    bottom: 96px;
    right: 24px;
    z-index: 100;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
    text-decoration: none;
    transition: all var(--gecis);
    animation: wa-nabiz 2.4s ease-in-out infinite;
}
.wa-yuzen svg {
    fill: #fff;
    width: 30px;
    height: 30px;
    display: block;
}
.wa-yuzen:hover {
    background: #1EBE57;
    transform: scale(1.08);
    box-shadow: 0 12px 32px rgba(37, 211, 102, 0.6);
    animation-play-state: paused;
}
.wa-yuzen::after {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 2px solid rgba(37, 211, 102, 0.4);
    animation: wa-halka 2.4s ease-out infinite;
}

@keyframes wa-nabiz {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.05); }
}
@keyframes wa-halka {
    0%   { transform: scale(1);   opacity: 0.7; }
    100% { transform: scale(1.5); opacity: 0;   }
}
@media (prefers-reduced-motion: reduce) {
    .wa-yuzen { animation: none; }
    .wa-yuzen::after { display: none; }
}

/* ==== YUKARI ÇIK BUTONU ==== */
.yukari-cik {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 98;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--metin);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(11, 13, 16, 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all var(--gecis);
    padding: 0;
}
.yukari-cik.gorunur {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.yukari-cik:hover {
    background: var(--vurgu);
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(30, 64, 175, 0.35);
}
.yukari-cik svg {
    display: block;
    stroke: currentColor;
}

@media (max-width: 760px) {
    .yukari-cik {
        bottom: 20px;
        right: 20px;
        width: 48px;
        height: 48px;
    }
    .wa-yuzen {
        bottom: 84px;
        right: 20px;
        width: 54px;
        height: 54px;
    }
}

@media (prefers-color-scheme: dark) {
    .yukari-cik { background: var(--vurgu); }
    .yukari-cik:hover { background: var(--vurgu-canli); }
}

/* ==== YAZI İÇİ GÖRSEL (shortcode çıktısı) ==== */
.yazi-gorsel {
    margin: 2em 0;
    padding: 0;
}
.yazi-gorsel picture {
    display: block;
    border-radius: var(--r);
    overflow: hidden;
    background: var(--zemin-kutu);
}
.yazi-gorsel img {
    width: 100%;
    height: auto;
    display: block;
}
.yazi-gorsel figcaption {
    margin-top: 8px;
    font-size: 0.86rem;
    color: var(--metin-soft);
    text-align: center;
    font-style: italic;
    line-height: 1.5;
}

@media (max-width: 640px) {
    .yazi-gorsel { margin: 1.5em 0; }
}

/* ==== LIGHTBOX (görsel büyütme) ==== */
.yazi-govde picture img {
    cursor: zoom-in;
    transition: filter 0.2s;
}
.yazi-govde picture:hover img {
    filter: brightness(0.95);
}

.lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.94);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 40px 60px;
    opacity: 0;
    transition: opacity 0.22s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.lightbox.acik {
    display: flex;
    opacity: 1;
}
.lightbox[hidden] { display: none !important; }

.lightbox-resim {
    width: 100%;
    max-width: 1500px;
    height: auto;
    max-height: calc(100vh - 100px);
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.7);
    display: block;
    user-select: none;
    -webkit-user-drag: none;
    animation: lb-buyu 0.22s ease-out;
}
@keyframes lb-buyu {
    from { transform: scale(0.94); opacity: 0; }
    to   { transform: scale(1);    opacity: 1; }
}

.lightbox-kapat {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.18s;
    padding: 0;
}
.lightbox-kapat:hover {
    background: rgba(255, 255, 255, 0.22);
    transform: scale(1.06);
}

.lightbox-ok {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.18s;
    padding: 0;
}
.lightbox-ok:hover {
    background: rgba(255, 255, 255, 0.22);
    transform: translateY(-50%) scale(1.06);
}
.lightbox-ok.onceki { left: 16px; }
.lightbox-ok.sonraki { right: 16px; }

.lightbox-sayac {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.88rem;
    font-family: var(--font-mono);
    letter-spacing: 0.05em;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
}

@media (max-width: 760px) {
    .lightbox { padding: 50px 16px; }
    .lightbox-kapat { top: 12px; right: 12px; width: 44px; height: 44px; font-size: 1.3rem; }
    .lightbox-ok { width: 44px; height: 44px; font-size: 1.5rem; }
    .lightbox-ok.onceki { left: 8px; }
    .lightbox-ok.sonraki { right: 8px; }
}

/* ==== BÜLTEN (Footer) ==== */
.bulten {
    padding: 32px 0 40px;
    border-bottom: 1px solid var(--cizgi);
    margin-bottom: 40px;
}
.bulten-icerik {
    max-width: 640px;
    margin: 0 auto;
}
.bulten-baslik {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
    margin: 0 0 12px;
    letter-spacing: -0.02em;
    color: var(--metin);
    text-align: center;
}
.bulten-aciklama {
    font-size: 0.95rem;
    color: var(--metin-soft);
    line-height: 1.6;
    text-align: center;
    margin: 0 0 24px;
}
.bulten-alanlar {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}
.bulten-form .alan {
    margin-bottom: 0;
    display: block;
}
.bulten-form .alan-etiket {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--metin);
    margin-bottom: 6px;
}
.bulten-form .zorunlu { color: var(--hata); }
.bulten-form input[type="email"],
.bulten-form input[type="text"],
.bulten-form input[type="tel"] {
    width: 100%;
    padding: 11px 14px;
    font: inherit;
    font-size: 0.95rem;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    transition: border-color var(--gecis), box-shadow var(--gecis);
}
.bulten-form input:focus {
    outline: none;
    border-color: var(--vurgu-canli);
    box-shadow: 0 0 0 3px var(--vurgu-soft);
}
.bulten-form input[type="email"]:invalid:not(:placeholder-shown) {
    border-color: var(--hata);
}

.bulten-onay {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.88rem;
    color: var(--metin-soft);
    cursor: pointer;
    margin-bottom: 12px;
}
.bulten-onay input { margin: 0; flex-shrink: 0; }
.bulten-onay small { color: var(--metin-muted); }

.bulten-telefon {
    margin-bottom: 12px;
}
.bulten-telefon[hidden] { display: none; }

.bulten-eylem {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.bulten-not {
    font-size: 0.78rem;
    color: var(--metin-muted);
    margin: 0;
    flex: 1;
    min-width: 180px;
    line-height: 1.4;
}

.bulten-mesaj {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: var(--r-kucuk);
    font-size: 0.92rem;
    line-height: 1.5;
    text-align: center;
}
.bulten-mesaj[hidden] { display: none; }
.bulten-mesaj.bulten-basari {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: var(--basari);
}
.bulten-mesaj.bulten-hata {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: var(--hata);
}

.bulten-btn-yukleniyor {
    opacity: 0.7;
    pointer-events: none;
}

@media (max-width: 640px) {
    .bulten-alanlar { grid-template-columns: 1fr; }
    .bulten-eylem { flex-direction: column; align-items: stretch; }
    .bulten-eylem .dugme { width: 100%; }
    .bulten-not { text-align: center; }
}

@media (prefers-color-scheme: dark) {
    .bulten-form input { background: var(--zemin-alt); }
    .bulten-mesaj.bulten-basari { background: #052e1f; border-color: #065f46; color: #6ee7b7; }
    .bulten-mesaj.bulten-hata { background: #2a0a0a; border-color: #7f1d1d; color: #fca5a5; }
}

/* ==== YAZI SONU BÜLTEN KUTUSU ==== */
.bulten-kutu {
    margin: 48px 0 32px;
    padding: 32px;
    background: linear-gradient(135deg, var(--vurgu-soft) 0%, var(--zemin-kutu) 100%);
    border: 1px solid var(--vurgu-kenar);
    border-radius: var(--r-buyuk);
}
.bulten-kutu-icerik {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}
.bulten-kutu-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--vurgu);
    color: #fff;
    margin-bottom: 16px;
}
.bulten-kutu-ikon svg { stroke: #fff; }
.bulten-kutu-metin h3 {
    font-size: 1.25rem;
    margin: 0 0 10px;
    letter-spacing: -0.02em;
    color: var(--metin);
}
.bulten-kutu-metin p {
    font-size: 0.95rem;
    color: var(--metin-soft);
    line-height: 1.6;
    margin: 0 0 20px;
}
.bulten-kutu-form { text-align: left; }
.bulten-kutu-satir {
    display: flex;
    gap: 8px;
    align-items: stretch;
}
.bulten-kutu-satir input[type="email"] {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    font: inherit;
    font-size: 0.95rem;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-koyu);
    border-radius: var(--r-kucuk);
    transition: border-color var(--gecis), box-shadow var(--gecis);
}
.bulten-kutu-satir input[type="email"]:focus {
    outline: none;
    border-color: var(--vurgu-canli);
    box-shadow: 0 0 0 3px var(--vurgu-soft);
}
.bulten-kutu-satir .dugme { flex-shrink: 0; padding: 12px 24px; }
.bulten-kutu-not {
    font-size: 0.78rem;
    color: var(--metin-muted);
    margin: 10px 0 0;
    text-align: center;
    line-height: 1.4;
}

/* Bülten kutusunda mesaj kutusu */
.bulten-kutu .bulten-mesaj {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: var(--r-kucuk);
    font-size: 0.9rem;
    line-height: 1.5;
}

@media (max-width: 640px) {
    .bulten-kutu { padding: 24px 20px; margin: 32px 0; }
    .bulten-kutu-satir { flex-direction: column; }
    .bulten-kutu-satir .dugme { width: 100%; }
}

@media (prefers-color-scheme: dark) {
    .bulten-kutu {
        background: linear-gradient(135deg, #0f1e38 0%, var(--zemin-kutu) 100%);
    }
    .bulten-kutu-satir input[type="email"] { background: var(--zemin-alt); }
}

/* ==== BUTON İÇİ LINK RENGİ (yazi-govde override) ==== */
.yazi-govde a.dugme,
.yazi-tek-govde a.dugme,
.icerik-yazi a.dugme {
    color: #fff;
    text-decoration: none;
}
.yazi-govde a.dugme:hover,
.yazi-tek-govde a.dugme:hover,
.icerik-yazi a.dugme:hover {
    color: #fff;
    text-decoration: none;
}
.yazi-govde a.dugme-ikincil,
.yazi-tek-govde a.dugme-ikincil,
.icerik-yazi a.dugme-ikincil {
    color: var(--metin);
}
.yazi-govde a.dugme-ikincil:hover,
.yazi-tek-govde a.dugme-ikincil:hover,
.icerik-yazi a.dugme-ikincil:hover {
    color: var(--vurgu);
}

/* ==== KART TIKLANABİLİR (stretched link) ==== */
.yazi-kart {
    position: relative;
}
.yazi-kart h2 a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    cursor: pointer;
}
.yazi-kart:hover h3 a::after {
    background: transparent;
}
.yazi-kart:hover .yazi-kart-ok {
    color: var(--vurgu-koyu);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Aynı davranış araç kartları için */
.arac-kart {
    position: relative;
}
.arac-kart h2 a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* ==== LOGO (SVG picture) ==== */
.logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--metin);
}
.logo picture {
    display: block;
    line-height: 0;
}
.logo img {
    display: block;
    height: 32px;
    width: auto;
    max-width: 100%;
}
.logo-kucuk img {
    height: 24px;
}

@media (max-width: 640px) {
    .logo img { height: 26px; }
    .logo-kucuk img { height: 22px; }
}

/* Anasayfa "Neden bilginsayar?" başlığında marka iki tonu */
.marka-isim {
    color: #0F172A;
    font-weight: 900; /* bold artırıldı */
}
.marka-isim > span {
    color: #2563EB;
    font-weight: 900;
}

/* Markdown tablo */
.tablo-sarmal { overflow-x: auto; margin: 1.5rem 0; }
.tablo-sarmal table { width: 100%; border-collapse: collapse; font-size: .95em; }
.tablo-sarmal th,
.tablo-sarmal td { padding: .6rem .9rem; border: 1px solid #e2e8f0; text-align: left; }
.tablo-sarmal th { background: #f1f5f9; font-weight: 600; }
.tablo-sarmal tbody tr:nth-child(even) { background: #f8fafc; }

/* ============================================
   YAZDIRMA / PDF STİLLERİ
   ============================================ */

/* Künye bloğu normalde ekranda görünmez */
.print-kunye {
    display: none;
}

@media print {
    /* Gizlenecekler */
    .ust,
    .atlama-baglantisi,
    .menu-dugmesi,
    .alt,
    .wa-yuzen,
    .yukari-cik,
    .lightbox,
    .urun-fiyat-satir,
    .bolum,
    .yazi-kart,
    .izlek
    {
        display: none !important;
    }

    /* Ana içerik tam genişlik */
    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 11pt;
    }

    .kap {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .icerik {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Bağlantılar siyah, altı çizili görünsün */
    a {
        color: #000 !important;
        text-decoration: underline;
    }

    /* Görseller taşmasın */
    img,
    figure {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    /* Başlıklar sayfa sonunda yalnız kalmasın */
    h1, h2, h3, h4 {
        page-break-after: avoid;
    }

    /* Tablolar sayfa arasında bölünmesin */
    .tablo-sarmal {
        page-break-inside: avoid;
    }

    /* KÜNYE BLOĞU — sadece yazdırmada görünür */
    .print-kunye {
        display: block !important;
        margin-top: 2rem;
        padding-top: 1rem;
        border-top: 1px solid #999;
        font-size: 10pt;
        color: #333;
        page-break-inside: avoid;
    }

    .print-kunye hr {
        display: none;
    }

    .print-kunye-baslik {
        margin: 0 0 .5rem 0;
        font-size: 11pt;
    }

    .print-kunye-liste {
        list-style: none;
        padding: 0;
        margin: 0 0 .5rem 0;
        display: flex;
        gap: 1.2rem;
        flex-wrap: wrap;
    }

    .print-kunye-liste a {
        color: #1e40af !important;
        text-decoration: none;
    }

    .print-kunye-kaynak,
    .print-kunye-tarih {
        margin: .25rem 0;
        font-size: 9pt;
        color: #666;
    }
}