/* Not: BauerGrotesk Turkce "İ" harfini birlestirerek ciziyor; letter-spacing bunu bozuyor (nokta kaybolur). Bu dosyada harf araligi kullanmayin. */
/* ==========================================================================
   Ads4TR musteri portali + dijital ajans sayfasi
   Sitenin dilini takip eder: siyah zemin, #ffcc00 vurgu, BauerGrotesk buyuk harf
   basliklar, Zilla Slab govde metni, yuvarlak (pill) butonlar.
   Her sey .ap altinda: sitenin diger sayfalarina hicbir kural sizmaz.
   ========================================================================== */

.ap {
    --sari: #ffcc00;
    --sari-acik: #fff6cc;
    --sari-soluk: rgba(255, 204, 0, .12);
    --siyah: #000;
    --koyu: #0b0b0b;
    --koyu-2: #141414;
    --koyu-cizgi: rgba(255, 255, 255, .12);
    --koyu-metin: rgba(255, 255, 255, .7);
    --metin: #1a1a1a;
    --soluk: #6b6b6b;
    --cizgi: #e7e5df;
    --gri: #f6f5f1;
    --yesil: #1f9d55;
    --yesil-soluk: #e6f6ec;
    --kirmizi: #d93f3f;
    --kirmizi-soluk: #fdecec;
    --mavi: #2f6fde;
    --mavi-soluk: #e9f0fd;
    --govde: 'Zilla Slab', Georgia, serif;
    --baslik: BauerGrotesk, Verdana, Geneva, sans-serif;
    --golge: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px -12px rgba(0, 0, 0, .12);
    font-family: var(--baslik);
    color: var(--metin);
    background: #fff;
    display: block;
    -webkit-font-smoothing: antialiased;
}
.ap *, .ap *::before, .ap *::after { box-sizing: border-box; }
.ap ol, .ap ul { margin: 0; padding: 0; list-style: none; }
.ap li { list-style: none; }
.ap h1, .ap h2, .ap h3, .ap p { margin: 0; }
.ap a { color: inherit; }
.ap code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .78em; letter-spacing: 0; }
.ap :where(button) { font: inherit; }
.ap [hidden] { display: none !important; }
.ap-ikon { width: 1.1em; height: 1.1em; flex: none; vertical-align: -.15em; }
.ap-gizli-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.ap-kap { width: 90%; max-width: 1240px; margin: 0 auto; }
.ap-kap--dar { max-width: 860px; }

/* ----------------------------- Butonlar ----------------------------- */
.ap-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .55em;
    padding: 15px 34px; border: 2px solid transparent; border-radius: 10rem;
    font-family: var(--baslik); font-size: 14px; font-weight: 600; text-transform: uppercase;
    line-height: 1.2; cursor: pointer; text-decoration: none; white-space: nowrap;
    transition: background .3s, color .3s, border-color .3s, transform .2s;
}
.ap-btn:active { transform: translateY(1px); }
.ap-btn .ap-ikon { transition: transform .3s; }
.ap-btn:hover .ap-ikon:last-child { transform: translateX(3px); }
.ap-btn--sari { background: var(--sari); color: #000; border-color: var(--sari); }
.ap-btn--sari:hover { background: #fff; border-color: #fff; color: #000; }
.ap-bolum:not(.ap-bolum--koyu) .ap-btn--sari:hover, .ap-hesap__govde .ap-btn--sari:hover, .ap-kimlik__form .ap-btn--sari:hover { background: #000; border-color: #000; color: var(--sari); }
.ap-btn--cizgi { background: transparent; color: #fff; border-color: #fff; }
.ap-btn--cizgi:hover { background: #fff; color: #000; }
.ap-btn--cizgi-siyah { background: transparent; color: #000; border-color: #000; }
.ap-btn--cizgi-siyah:hover { background: #000; color: #fff; }
.ap-btn--siyah { background: #000; color: var(--sari); border-color: #000; }
.ap-btn--siyah:hover { background: transparent; color: #000; }
.ap-btn--red { background: transparent; color: var(--kirmizi); border-color: currentColor; }
.ap-btn--red:hover { background: var(--kirmizi); color: #fff; border-color: var(--kirmizi); }
.ap-btn--kucuk { padding: 9px 18px; font-size: 12px; }
.ap-btn--tam { width: 100%; }
.ap-link { display: inline-flex; align-items: center; gap: .4em; background: none; border: 0; padding: 0; cursor: pointer; color: #000; font-weight: 600; font-size: 14px; text-decoration: underline; text-decoration-color: var(--sari); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.ap-link:hover { text-decoration-color: #000; }
.ap-link--acik { color: #fff; }
.ap-link--acik:hover { text-decoration-color: #fff; }
.ap-link--sessiz { color: var(--soluk); font-weight: 500; text-decoration-color: var(--cizgi); }

/* ---------------------------- Tipografi ----------------------------- */
.ap-ust-yazi { display: inline-flex; align-items: center; gap: .6em; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #8a6d00; }
.ap-bolum--koyu .ap-ust-yazi, .ap-bant .ap-ust-yazi { color: var(--sari); }
.ap-ust-cizgi { display: flex; align-items: center; gap: 14px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: rgba(255, 255, 255, .75); }
.ap-ust-cizgi::before { content: ""; width: 34px; height: 2px; background: var(--sari); }
.ap-h2 { font-size: 20px; font-weight: 600; text-transform: uppercase; }
.ap-h2--bosluk { margin-top: 44px !important; margin-bottom: 16px !important; }
.ap-h3 { display: flex; align-items: center; gap: .5em; font-size: 15px; font-weight: 600; text-transform: uppercase; margin-bottom: 14px !important; }
.ap-h3 .ap-ikon { color: #b38f00; }
.ap-kart--koyu .ap-h3 .ap-ikon { color: var(--sari); }
.ap-soluk { color: var(--soluk); font-family: var(--govde); font-size: 15px; line-height: 1.5; }

/* ------------------------------ Bolumler ----------------------------- */
.ap-bolum { padding: 110px 0; background: #fff; position: relative; }
.ap-bolum--gri { background: var(--gri); }
.ap-bolum--koyu { background: var(--koyu); color: #fff; }
.ap-bolum__bas { max-width: 760px; margin-bottom: 56px; }
.ap-bolum__bas h2 { margin-top: 16px; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.12; font-weight: 600; text-transform: uppercase; }
.ap-bolum__bas p:not(.ap-ust-yazi) { margin-top: 18px; font-family: var(--govde); font-size: 19px; line-height: 1.55; color: var(--soluk); }
.ap-bolum--koyu .ap-bolum__bas p:not(.ap-ust-yazi) { color: var(--koyu-metin); }

/* ------------------------------ Nokta alani -------------------------- */
.ap-noktalar { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }

/* -------------------------------- Hero ------------------------------- */
.ap-hero {
    position: relative; overflow: hidden; color: #fff; padding: 90px 0 110px;
    background: #000 url('/library/other/bg-pre.jpg') center 30% / cover no-repeat;
}
.ap-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 48%, rgba(0,0,0,.55) 100%), linear-gradient(0deg, rgba(0,0,0,.8), transparent 40%); }
.ap-hero__izgara { position: relative; display: grid; grid-template-columns: 1.1fr .85fr; gap: 80px; align-items: center; }
.ap-hero__izgara > *, .ap-onizleme-izgara > *, .ap-iki-kolon > * { min-width: 0; }
.ap-hero__baslik { margin-top: 26px !important; font-size: clamp(34px, 4.4vw, 58px); line-height: 1.06; font-weight: 600; text-transform: uppercase; }
.ap-hero__baslik span { color: var(--sari); display: block; }
.ap-hero__aciklama { margin-top: 26px !important; max-width: 600px; font-family: var(--govde); font-size: 20px; line-height: 1.55; color: rgba(255,255,255,.78); }
.ap-hero__butonlar { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px; }
.ap-rakamlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 600px; margin: 54px 0 0; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.18); }
.ap-rakamlar div { display: flex; flex-direction: column-reverse; gap: 6px; }
.ap-rakamlar dd { margin: 0; font-size: 30px; font-weight: 700; color: var(--sari); line-height: 1; }
.ap-rakamlar dt { font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,.7); }

/* Canli otomasyon akisi */
.ap-hero__sag { position: relative; }
.ap-hero__sag::before { content: ""; position: absolute; inset: -40px; background: radial-gradient(circle, rgba(255,204,0,.22), transparent 65%); filter: blur(20px); }
.ap-akis { position: relative; padding: 26px 28px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(10,10,10,.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.ap-akis__ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.ap-akis__ust code { color: rgba(255,255,255,.5); }
.ap-canli { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.75); }
.ap-canli > span { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #3ddc84; }
.ap-canli > span::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #3ddc84; animation: ap-nabiz 1.8s ease-out infinite; }
.ap-canli--kucuk { font-size: 12px; color: var(--yesil); font-weight: 600; }
@keyframes ap-nabiz { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(3); opacity: 0; } }
.ap-akis ol { position: relative; }
.ap-akis li { position: relative; display: flex; gap: 16px; padding: 10px 12px; margin: 0 -12px; border-radius: 10px; transition: background .5s; }
.ap-akis li:not(:last-child)::after { content: ""; position: absolute; left: 27px; top: 44px; bottom: -10px; width: 1px; background: rgba(255,255,255,.14); transition: background .5s; }
.ap-akis li.is-tamam:not(:last-child)::after { background: rgba(255,204,0,.55); }
.ap-akis li.is-calisiyor { background: rgba(255,204,0,.08); }
.ap-akis__daire { position: relative; z-index: 1; flex: none; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: #0b0b0b; color: rgba(255,255,255,.6); font-size: 12px; font-weight: 600; transition: all .5s; }
.ap-akis__daire > * { grid-area: 1 / 1; }
.ap-akis__tik, .ap-akis__don { display: none; width: 15px; height: 15px; }
.ap-akis li.is-tamam .ap-akis__daire { background: var(--sari); border-color: var(--sari); color: #000; }
.ap-akis li.is-tamam .ap-akis__tik { display: block; stroke-width: 3; }
.ap-akis li.is-calisiyor .ap-akis__daire { border-color: var(--sari); color: var(--sari); }
.ap-akis li.is-calisiyor .ap-akis__don { display: block; animation: ap-don 1s linear infinite; }
.ap-akis li.is-tamam .ap-akis__no, .ap-akis li.is-calisiyor .ap-akis__no { display: none; }
.ap-akis li strong { display: block; font-size: 15px; font-weight: 600; color: rgba(255,255,255,.55); transition: color .5s; }
.ap-akis li.is-tamam strong, .ap-akis li.is-calisiyor strong { color: #fff; }
.ap-akis li small { display: block; margin-top: 3px; font-family: var(--govde); font-size: 14px; color: rgba(255,255,255,.5); }
.ap-akis__alt { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; color: rgba(255,255,255,.6); }
.ap-akis__alt strong { color: #fff; font-size: 15px; }
@keyframes ap-don { to { transform: rotate(360deg); } }
.ap-don { animation: ap-don 1s linear infinite; }

/* ------------------------------ AI vitrini --------------------------- */
.ap-bolum--koyu#otomasyon { background: radial-gradient(ellipse 60% 50% at 85% 0%, rgba(255,204,0,.08), transparent), var(--koyu); }
.ap-ai-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ap-ai-kart { display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--koyu-cizgi); border-radius: 12px; background: var(--koyu-2); transition: border-color .3s, transform .3s; }
.ap-ai-kart:hover { border-color: rgba(255,204,0,.6); transform: translateY(-2px); }
.ap-ai-kart__ust { display: flex; justify-content: space-between; align-items: flex-start; }
.ap-ai-kart__ust code { color: rgba(255,255,255,.4); }
.ap-ai-kart__ikon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 10px; background: var(--sari-soluk); color: var(--sari); }
.ap-ai-kart__ikon .ap-ikon { width: 22px; height: 22px; }
.ap-ai-kart h3 { margin-top: 22px; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.ap-ai-kart p { margin-top: 10px; flex: 1; font-family: var(--govde); font-size: 17px; line-height: 1.55; color: var(--koyu-metin); }
.ap-ai-kart__ekle { align-self: flex-start; display: inline-flex; margin-top: 22px; padding: 8px 16px; border: 1px solid rgba(255,255,255,.3); border-radius: 10rem; background: transparent; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; cursor: pointer; transition: all .3s; }
.ap-ai-kart__ekle:hover { border-color: var(--sari); color: var(--sari); }
.ap-ai-kart__ekle.is-secili { background: var(--sari); border-color: var(--sari); color: #000; }
.ap-ai-kart__ekle.is-sahip { border-color: rgba(61,220,132,.5); color: #3ddc84; cursor: default; gap: .4em; align-items: center; }
.ap-sec-ekle, .ap-sec-tamam { display: inline-flex; align-items: center; gap: .4em; }
.ap-sec-tamam { display: none; }
.is-secili > .ap-sec-ekle, .is-secili .ap-hizmet__sec > .ap-sec-ekle { display: none; }
.is-secili > .ap-sec-tamam, .is-secili .ap-hizmet__sec > .ap-sec-tamam { display: inline-flex; }

/* ------------------------------- Sorunlar ---------------------------- */
.ap-sorunlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.ap-sorun { padding: 34px 30px; border: 2px solid var(--sari); border-radius: 6px; display: flex; flex-direction: column; }
.ap-sorun h3 { font-size: 19px; font-weight: 600; text-transform: uppercase; line-height: 1.25; }
.ap-sorun__detay { margin-top: 14px !important; font-family: var(--govde); font-size: 17px; line-height: 1.55; color: var(--soluk); }
.ap-sorun__cevap { margin-top: auto !important; padding-top: 22px; font-family: var(--govde); font-size: 17px; line-height: 1.55; }
.ap-sorun__cevap strong { display: block; margin-bottom: 8px; font-family: var(--baslik); font-size: 12px; text-transform: uppercase; color: #8a6d00; }
.ap-sorun__cevap { border-top: 1px solid var(--cizgi); margin-top: 22px !important; }

/* ------------------------------- Katalog ----------------------------- */
.ap-katalog__arac { position: sticky; top: 0; z-index: 5; display: flex; flex-direction: column; gap: 14px; padding: 16px 0; margin-bottom: 18px; background: inherit; }
.ap-bolum--gri .ap-katalog__arac { background: var(--gri); }
.ap-hesap__govde .ap-katalog__arac { background: var(--gri); }
.ap-ara { display: flex; align-items: center; gap: 10px; max-width: 520px; padding: 0 18px; border: 1px solid #d8d5cc; border-radius: 10rem; background: #fff; transition: border-color .2s, box-shadow .2s; }
.ap-ara:focus-within { border-color: #000; box-shadow: 0 0 0 3px var(--sari-soluk); }
.ap-ara .ap-ikon { color: var(--soluk); }
.ap-ara input { flex: 1; min-width: 0; height: 48px; border: 0; outline: 0; background: transparent; font-family: var(--baslik); font-size: 15px; }
.ap-ara--kucuk { max-width: 320px; }
.ap-ara--kucuk input { height: 40px; font-size: 14px; }
.ap-cipler { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.ap-cipler::-webkit-scrollbar { display: none; }
.ap-cip { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 9px 15px; border: 1px solid #d8d5cc; border-radius: 10rem; background: #fff; color: #333; font-family: var(--baslik); font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: none; transition: all .2s; }
.ap-cip span { font-size: 11px; color: #999; font-weight: 500; }
.ap-cip:hover { border-color: #000; color: #000; }
.ap-cip.is-secili { background: #000; border-color: #000; color: var(--sari); }
.ap-cip.is-secili span { color: rgba(255,204,0,.65); }
.ap-cip--ai { border-color: rgba(255,204,0,.8); background: var(--sari-acik); }
.ap-cip--ai .ap-ikon { color: #a07f00; }
.ap-cip.is-secili .ap-ikon { color: var(--sari); }

.ap-kategori { margin-bottom: 52px; }
.ap-kategori__bas { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 20px; }
.ap-kategori__ikon { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 10px; background: #000; color: var(--sari); }
.ap-kategori--ai .ap-kategori__ikon { background: var(--sari); color: #000; }
.ap-kategori__bas h3 { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; text-transform: uppercase; }
.ap-kategori__bas p { margin-top: 4px !important; font-family: var(--govde); font-size: 16px; color: var(--soluk); }
.ap-ai-rozet { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 10rem; background: #000; color: var(--sari); font-size: 10px; font-weight: 700; vertical-align: middle; }
.ap-ai-rozet .ap-ikon { width: 11px; height: 11px; }

.ap-hizmetler { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 14px; }
.ap-hizmet { position: relative; display: flex; flex-direction: column; padding: 20px 20px 16px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; cursor: pointer; transition: border-color .2s, box-shadow .2s, background .2s; }
.ap-hizmet:hover { border-color: #000; box-shadow: var(--golge); }
.ap-hizmet input { position: absolute; opacity: 0; pointer-events: none; }
.ap-hizmet:focus-within { outline: 3px solid var(--sari); outline-offset: 2px; }
.ap-hizmet.is-secili, .ap-hizmet:has(input:checked) { border-color: var(--sari); background: #fffdf2; box-shadow: inset 0 0 0 1px var(--sari); }
.ap-hizmet.is-sahip { cursor: default; background: #fafaf8; }
.ap-hizmet.is-sahip:hover { border-color: var(--cizgi); box-shadow: none; }
.ap-kategori--ai .ap-hizmet { border-color: #f0dc8a; }
.ap-hizmet__ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #999; }
.ap-etiket { font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 3px 8px; border-radius: 10rem; background: #f0efea; color: #666; }
.ap-etiket--aylik { background: #000; color: #fff; }
.ap-hizmet__ad { margin-top: 12px; font-size: 16px; font-weight: 600; line-height: 1.3; }
.ap-hizmet__ozet { margin-top: 6px; flex: 1; font-family: var(--govde); font-size: 15.5px; line-height: 1.45; color: #555; }
.ap-hizmet__alt { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 16px; padding-top: 12px; border-top: 1px dashed var(--cizgi); }
.ap-hizmet__sure { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #888; }
.ap-hizmet__sec { flex: none; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ap-hizmet__sec .ap-sec-ekle { padding: 6px 12px; border-radius: 10rem; border: 1px solid #000; }
.ap-hizmet__sec .ap-sec-tamam { padding: 6px 12px; border-radius: 10rem; background: var(--sari); color: #000; border: 1px solid var(--sari); }
.ap-hizmet:hover .ap-hizmet__sec .ap-sec-ekle { background: #000; color: #fff; }
.ap-hizmet:has(input:checked) .ap-sec-ekle { display: none; }
.ap-hizmet:has(input:checked) .ap-sec-tamam { display: inline-flex; }
.ap-hizmet__sec--sahip { display: inline-flex; align-items: center; gap: .35em; color: var(--yesil); }
.ap-katalog__bos { padding: 40px; text-align: center; font-family: var(--govde); font-size: 17px; color: var(--soluk); border: 1px dashed #ccc; border-radius: 10px; }
.ap-katalog__not { max-width: 720px; margin: 10px 0 0; }

/* Secim cubugu */
.ap-sepet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; padding: 14px 0; background: rgba(0,0,0,.94); border-top: 3px solid var(--sari); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; animation: ap-yuksel .35s ease-out; }
@keyframes ap-yuksel { from { transform: translateY(100%); } }
.ap-sepet__ic { width: 90%; max-width: 1240px; margin: 0 auto; display: flex; align-items: center; gap: 22px; }
.ap-sepet__bilgi { flex: 1; min-width: 0; display: flex; align-items: center; gap: 14px; }
.ap-sepet__sayi { flex: none; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--sari); color: #000; font-size: 18px; font-weight: 700; }
.ap-sepet__bilgi strong { display: block; font-size: 13px; text-transform: uppercase; }
.ap-sepet__liste { display: block; margin-top: 2px; font-family: var(--govde); font-size: 14px; color: rgba(255,255,255,.65); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ap-sepet .ap-link { color: rgba(255,255,255,.7); font-weight: 500; text-decoration-color: rgba(255,255,255,.3); }
.ap-sepet .ap-btn--sari:hover { background: #fff; border-color: #fff; }
.ap-govde--sepet footer { padding-bottom: 100px !important; }

/* -------------------------- Hesap onizlemesi ------------------------- */
.ap-onizleme-izgara { display: grid; grid-template-columns: 1fr 1.05fr; gap: 80px; align-items: center; }
.ap-onizleme-izgara h2 { margin-top: 16px; font-size: clamp(26px, 3vw, 38px); line-height: 1.15; font-weight: 600; text-transform: uppercase; }
.ap-roller { margin-top: 34px !important; display: grid; gap: 18px; }
.ap-roller li { display: flex; gap: 16px; align-items: flex-start; font-family: var(--govde); font-size: 17px; line-height: 1.5; color: var(--koyu-metin); }
.ap-roller li > span { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--sari); color: var(--sari); font-family: var(--baslik); font-weight: 700; }
.ap-roller strong { display: block; font-family: var(--baslik); font-size: 14px; text-transform: uppercase; color: #fff; margin-bottom: 2px; }
.ap-onizleme { border: 1px solid var(--koyu-cizgi); border-radius: 14px; overflow: hidden; background: #fff; color: var(--metin); box-shadow: 0 30px 80px -30px rgba(255,204,0,.35); transform: perspective(1400px) rotateY(-6deg) rotateX(2deg); transition: transform .6s; }
.ap-onizleme:hover { transform: none; }
.ap-onizleme__cubuk { display: flex; align-items: center; gap: 6px; padding: 12px 16px; background: #111; }
.ap-onizleme__cubuk span { width: 10px; height: 10px; border-radius: 50%; background: #333; }
.ap-onizleme__cubuk span:first-child { background: var(--sari); }
.ap-onizleme__cubuk em { margin-left: 12px; font-style: normal; font-size: 12px; color: rgba(255,255,255,.45); }
.ap-onizleme__ic { padding: 22px; background: var(--gri); }
.ap-onizleme__kpi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ap-onizleme__kpi div { padding: 14px; border-radius: 8px; background: #fff; border: 1px solid var(--cizgi); }
.ap-onizleme__kpi small { display: block; font-size: 10px; text-transform: uppercase; color: var(--soluk); }
.ap-onizleme__kpi strong { display: block; margin-top: 6px; font-size: 24px; }
.ap-onizleme__liste { margin-top: 12px !important; display: grid; gap: 8px; }
.ap-onizleme__liste li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 8px; background: #fff; border: 1px solid var(--cizgi); font-size: 14px; font-weight: 500; }
.ap-onizleme__liste li .ap-ikon { color: #a07f00; }
.ap-onizleme__liste li span { flex: 1; }
.ap-onizleme__not { margin-top: 12px !important; text-align: right; font-size: 11px; text-transform: uppercase; color: #aaa; }

/* ------------------------------ Neden biz ---------------------------- */
.ap-neden { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-top: 1px solid var(--cizgi); border-left: 1px solid var(--cizgi); }
.ap-neden article { padding: 40px; border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.ap-neden__ikon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--sari); color: #000; }
.ap-neden h3 { margin-top: 22px; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.ap-neden p { margin-top: 10px; font-family: var(--govde); font-size: 17px; line-height: 1.6; color: #555; }

/* -------------------------------- Surec ------------------------------ */
.ap-surec { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; counter-reset: s; }
.ap-surec li { position: relative; padding-top: 26px; border-top: 3px solid #000; }
.ap-surec li span { display: block; font-size: 52px; font-weight: 700; line-height: 1; color: var(--sari); -webkit-text-stroke: 1px #000; }
.ap-surec li h3 { margin-top: 18px; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.ap-surec li p { margin-top: 10px; font-family: var(--govde); font-size: 16px; line-height: 1.55; color: #555; }

/* --------------------------------- SSS ------------------------------- */
.ap-sss details { border-bottom: 1px solid var(--cizgi); }
.ap-sss details:first-child { border-top: 1px solid var(--cizgi); }
.ap-sss summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0; cursor: pointer; list-style: none; font-size: 18px; font-weight: 600; }
.ap-sss summary::-webkit-details-marker { display: none; }
.ap-sss summary .ap-ikon { flex: none; width: 30px; height: 30px; padding: 6px; border-radius: 50%; border: 1px solid #000; transition: transform .3s, background .3s; }
.ap-sss details[open] summary .ap-ikon { transform: rotate(45deg); background: var(--sari); border-color: var(--sari); }
.ap-sss summary:hover { color: #000; }
.ap-sss details p { padding: 0 50px 26px 0; font-family: var(--govde); font-size: 18px; line-height: 1.6; color: #444; }

/* --------------------------------- CTA ------------------------------- */
.ap-cta { padding: 100px 0; background: var(--sari); text-align: center; }
.ap-cta h2 { font-size: clamp(30px, 4vw, 52px); line-height: 1.1; font-weight: 700; text-transform: uppercase; }
.ap-cta h2 span { background: #000; color: var(--sari); padding: 0 .2em; }
.ap-cta p { margin: 22px auto 0 !important; max-width: 620px; font-family: var(--govde); font-size: 20px; line-height: 1.5; }
.ap-cta .ap-hero__butonlar { justify-content: center; }

/* ============================ GIRIS / KAYIT ============================ */
.ap-kimlik { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); min-height: calc(100vh - 90px); background: #fff; }
.ap-kimlik__yan { position: relative; overflow: hidden; color: #fff; background: #000 url('/library/other/bg-pre.jpg') center / cover no-repeat; }
.ap-kimlik__yan::before { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(0,0,0,.6), rgba(0,0,0,.92)); }
.ap-kimlik__yan-ic { position: relative; max-width: 520px; margin-left: auto; padding: 80px 60px; }
.ap-kimlik__yan h1 { margin-top: 24px !important; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.1; font-weight: 600; text-transform: uppercase; }
.ap-kimlik__yan h1 span { color: var(--sari); display: block; }
.ap-kimlik__metin { margin-top: 20px !important; font-family: var(--govde); font-size: 19px; line-height: 1.55; color: rgba(255,255,255,.75); }
.ap-artilar { margin: 40px 0 36px !important; display: grid; gap: 22px; }
.ap-artilar li { display: flex; gap: 16px; font-family: var(--govde); font-size: 16px; line-height: 1.5; color: rgba(255,255,255,.7); }
.ap-artilar li > .ap-ikon { width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: var(--sari-soluk); color: var(--sari); }
.ap-artilar strong { display: block; font-family: var(--baslik); font-size: 14px; text-transform: uppercase; color: #fff; margin-bottom: 2px; }
.ap-kimlik__form { display: flex; align-items: center; padding: 70px 60px; background: #fff; }
.ap-form { width: 100%; max-width: 560px; }
.ap-kimlik__form .ap-form > h2 { font-size: 30px; font-weight: 600; text-transform: uppercase; }
.ap-form__alt { margin: 8px 0 28px !important; font-family: var(--govde); font-size: 17px; color: var(--soluk); }
.ap-form__alt a, .ap-form__dip a, .ap-secim__bos a { color: #000; font-weight: 600; text-decoration: underline; text-decoration-color: var(--sari); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.ap-form__dip { margin-top: 22px !important; font-family: var(--govde); font-size: 15px; color: var(--soluk); }

/* Form alanlari */
.ap-alan { display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px; }
.ap-alan label { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #333; }
.ap-alan label em { font-style: normal; font-weight: 500; letter-spacing: 0; text-transform: none; color: #999; }
.ap-alan input, .ap-alan textarea, .ap-alan select, .ap-satir-form select {
    width: 100%; padding: 13px 15px; border: 1px solid #d8d5cc; border-radius: 8px; background: #fff;
    font-family: var(--baslik); font-size: 15px; color: #000; outline: 0; transition: border-color .2s, box-shadow .2s;
}
.ap-alan textarea { font-family: var(--govde); font-size: 16px; resize: vertical; line-height: 1.5; }
.ap-alan input:focus, .ap-alan textarea:focus, .ap-satir-form select:focus { border-color: #000; box-shadow: 0 0 0 3px var(--sari-soluk); }
.ap-alan input:disabled { background: var(--gri); color: #777; }
.ap-alan small { font-family: var(--govde); font-size: 14px; color: #888; }
.ap-alan .ap-alan__hata, .ap-alan__hata { display: block; margin: -10px 0 14px; font-family: var(--baslik); font-size: 13px; color: var(--kirmizi); }
.ap-alan .ap-alan__hata { margin: 0; }
.ap-alan-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.ap-sifre { position: relative; }
.ap-sifre input { padding-right: 48px; }
.ap-sifre__goster { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 6px; background: transparent; color: #888; cursor: pointer; }
.ap-sifre__goster:hover, .ap-sifre__goster.is-acik { color: #000; background: var(--gri); }
.ap-onay { display: flex; gap: 12px; align-items: flex-start; margin: 6px 0 22px; font-family: var(--govde); font-size: 15px; line-height: 1.45; color: #444; cursor: pointer; }
.ap-onay input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: #000; }
.ap-gizli { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ap-secim { margin: 0 0 26px; padding: 20px; border: 1px solid #f0dc8a; border-radius: 10px; background: #fffdf2; }
.ap-secim legend { padding: 0 8px; margin-left: -8px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ap-secim ul { display: grid; gap: 8px; margin-bottom: 14px !important; }
.ap-secim li label { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; background: #fff; border: 1px solid var(--cizgi); cursor: pointer; font-size: 14px; font-weight: 500; }
.ap-secim li label span:first-of-type { flex: 1; }
.ap-secim li code { margin-right: 8px; color: #999; }
.ap-secim li input { accent-color: #000; width: 16px; height: 16px; }
.ap-secim .ap-alan { margin: 16px 0 0; }
.ap-secim__bos { font-family: var(--govde); font-size: 16px; color: #555; }

/* Uyarilar */
.ap-uyari { margin: 0 0 20px; padding: 14px 18px; border-radius: 8px; border-left: 4px solid; font-family: var(--govde); font-size: 16px; line-height: 1.45; }
.ap-uyari--basari { background: var(--yesil-soluk); border-color: var(--yesil); color: #124d2c; }
.ap-uyari--hata { background: var(--kirmizi-soluk); border-color: var(--kirmizi); color: #7a1f1f; }
.ap-uyari--bilgi { background: var(--sari-acik); border-color: var(--sari); color: #5c4800; }
main.ap > .ap-uyari { position: fixed; z-index: 60; top: 20px; right: 20px; max-width: 420px; box-shadow: 0 12px 30px rgba(0,0,0,.2); animation: ap-kay .4s ease-out; }
@keyframes ap-kay { from { transform: translateY(-12px); opacity: 0; } }

/* ============================== HESAP ============================== */
.ap-bant { position: relative; overflow: hidden; padding: 56px 0 0; background: radial-gradient(ellipse 50% 80% at 90% 0%, rgba(255,204,0,.10), transparent), #000; color: #fff; }
.ap-bant .ap-kap { position: relative; }
.ap-bant__ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
.ap-bant .ap-ust-yazi { gap: 12px; color: rgba(255,255,255,.6); text-transform: none; font-weight: 500; }
.ap-bant h1 { margin-top: 14px !important; font-size: clamp(28px, 3.6vw, 44px); line-height: 1.1; font-weight: 600; text-transform: uppercase; }
.ap-bant h1 span { color: var(--sari); }
.ap-bant__alt { margin-top: 12px !important; max-width: 660px; font-family: var(--govde); font-size: 18px; line-height: 1.5; color: rgba(255,255,255,.7); }
.ap-sekmeler { display: flex; gap: 6px; margin-top: 40px; overflow-x: auto; scrollbar-width: none; }
.ap-sekmeler a { position: relative; flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 14px 18px 16px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: rgba(255,255,255,.6); text-decoration: none; transition: color .2s; }
.ap-sekmeler a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 3px; background: var(--sari); transform: scaleX(0); transition: transform .3s; }
.ap-sekmeler a:hover { color: #fff; }
.ap-sekmeler a.is-aktif { color: #fff; }
.ap-sekmeler a.is-aktif::after { transform: scaleX(1); }
/* Dar ekranda uc sekme kaydirmadan sigsin (Ingilizce etiketler daha uzun) */
@media (max-width: 560px) {
    .ap-sekmeler { gap: 0; margin-left: -10px; margin-right: -10px; }
    .ap-sekmeler a { padding: 14px 10px 16px; font-size: 12px; gap: 6px; }
    .ap-sekmeler a::after { left: 8px; right: 8px; }
}
.ap-sayac { min-width: 20px; height: 20px; padding: 0 6px; display: inline-grid; place-items: center; border-radius: 10rem; background: var(--sari); color: #000; font-size: 11px; letter-spacing: 0; }
.ap-rol { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 10rem; font-size: 11px; font-weight: 700; text-transform: uppercase; white-space: nowrap; }
.ap-rol--admin { background: #fff; color: #000; }
.ap-rol--musteri { background: var(--sari); color: #000; }
.ap-rol--aday { background: transparent; color: var(--sari); box-shadow: inset 0 0 0 1px var(--sari); }
.ap-hesap__govde .ap-rol--admin { background: #000; color: #fff; }
.ap-hesap__govde .ap-rol--aday { color: #8a6d00; box-shadow: inset 0 0 0 1px #d9b000; }
.ap-hesap__govde { padding: 40px 0 100px; background: var(--gri); min-height: 50vh; }

.ap-iki-kolon { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 32px; align-items: start; }
.ap-iki-kolon > aside { display: grid; gap: 20px; position: sticky; top: 20px; }
.ap-baslik-satir { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.ap-kart { padding: 24px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; }
.ap-kart--koyu { background: #000; border-color: #000; color: #fff; }
.ap-kart--koyu .ap-soluk { color: rgba(255,255,255,.6); }

/* Ilk ziyaret */
.ap-hosgeldin { display: flex; gap: 20px; align-items: flex-start; padding: 24px 28px; margin-bottom: 28px; border-radius: 12px; background: var(--sari); }
.ap-hosgeldin__ikon { flex: none; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: #000; color: var(--sari); }
.ap-hosgeldin h2 { font-size: 18px; font-weight: 600; text-transform: uppercase; }
.ap-hosgeldin p { margin-top: 6px !important; font-family: var(--govde); font-size: 17px; line-height: 1.5; }

/* Basvuru adimlari */
.ap-adimlar { display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 36px !important; padding: 26px 20px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; }
.ap-adimlar li { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 8px; }
.ap-adimlar li:not(:last-child)::after { content: ""; position: absolute; top: 17px; left: calc(50% + 24px); right: calc(-50% + 24px); height: 2px; background: var(--cizgi); }
.ap-adimlar li.is-tamam:not(:last-child)::after { background: var(--sari); }
.ap-adimlar__daire { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 2px solid var(--cizgi); background: #fff; color: #aaa; font-weight: 700; font-size: 14px; }
.ap-adimlar li.is-tamam .ap-adimlar__daire { background: var(--sari); border-color: var(--sari); color: #000; }
.ap-adimlar li.is-simdi .ap-adimlar__daire { border-color: #000; color: #000; }
.ap-adimlar li.is-sirada .ap-adimlar__daire { border-color: #d9b000; color: #8a6d00; }
.ap-adimlar strong { margin-top: 12px; font-size: 13px; font-weight: 600; text-transform: uppercase; }
.ap-adimlar small { margin-top: 4px; font-family: var(--govde); font-size: 14px; color: var(--soluk); }

/* KPI */
.ap-kpi-satir { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.ap-kpi-satir--4 { grid-template-columns: repeat(4, 1fr); margin-bottom: 32px; gap: 16px; }
.ap-kpi-satir--5 { grid-template-columns: repeat(5, 1fr); margin-bottom: 30px; gap: 14px; }
.ap-kpi { display: block; padding: 20px 22px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; text-decoration: none; transition: border-color .2s, transform .2s; }
a.ap-kpi:hover { border-color: #000; transform: translateY(-1px); }
.ap-kpi small { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--soluk); }
.ap-kpi strong { display: block; margin-top: 10px; font-size: 34px; font-weight: 700; line-height: 1; }
.ap-kpi--ai { background: #000; border-color: #000; color: #fff; }
.ap-kpi--ai small { color: var(--sari); }
.ap-kpi--dikkat { background: var(--sari); border-color: var(--sari); }
.ap-kpi--dikkat small { color: #000; }

/* Talep kartlari */
.ap-talep { position: relative; margin-bottom: 16px; padding: 22px 24px 18px; border: 1px solid var(--cizgi); border-left: 4px solid #ccc; border-radius: 10px; background: #fff; scroll-margin-top: 30px; }
.ap-talep:target { box-shadow: 0 0 0 3px var(--sari); }
.ap-talep--bekliyor { border-left-color: var(--sari); }
.ap-talep--inceleme { border-left-color: var(--mavi); }
.ap-talep--onay { border-left-color: var(--yesil); }
.ap-talep--red { border-left-color: var(--kirmizi); }
.ap-talep__bas { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.ap-talep__bas strong { display: block; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.ap-talep__bas span:not(.ap-rozet) { display: block; margin-top: 3px; font-family: var(--govde); font-size: 15px; color: var(--soluk); }
.ap-rozet { display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 10rem; font-size: 11px; font-weight: 700; text-transform: uppercase; white-space: nowrap; }
.ap-rozet--bekliyor { background: var(--sari-acik); color: #6b5400; }
.ap-rozet--inceleme { background: var(--mavi-soluk); color: #1f4fa8; }
.ap-rozet--onay { background: var(--yesil-soluk); color: #13693a; }
.ap-rozet--red { background: var(--kirmizi-soluk); color: #9b2323; }
.ap-rozet--pasif { background: #eee; color: #777; }
.ap-kalemler { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 4px !important; }
.ap-kalem { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 8px; background: var(--gri); border: 1px solid var(--cizgi); font-size: 14px; font-weight: 500; }
.ap-kalem code { color: #999; }
.ap-kalem label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.ap-kalem input { accent-color: #000; width: 16px; height: 16px; margin: 0; }
.ap-kalem--ai { border-color: #f0dc8a; background: #fffdf2; }
.ap-kalem--onaylandi { background: var(--yesil-soluk); border-color: #bfe6cd; }
.ap-kalem--onaylandi .ap-kalem__ikon { color: var(--yesil); }
.ap-kalem--reddedildi { opacity: .6; text-decoration: line-through; }
.ap-kalem--reddedildi .ap-kalem__ikon { color: var(--kirmizi); }
.ap-not-kutu { margin-top: 14px !important; padding: 12px 16px; border-radius: 8px; background: var(--gri); font-family: var(--govde); font-size: 16px; line-height: 1.5; color: #333; }
.ap-not-kutu strong { display: block; margin-bottom: 3px; font-family: var(--baslik); font-size: 11px; text-transform: uppercase; color: var(--soluk); }
.ap-not-kutu--ekip { background: #000; color: #fff; }
.ap-not-kutu--ekip strong { color: var(--sari); }
.ap-talep__alt { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-top: 12px; }
.ap-zaman summary { cursor: pointer; font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--soluk); padding: 4px 0; }
.ap-zaman summary span { font-weight: 500; }
.ap-zaman ol { margin: 12px 0 4px 6px !important; border-left: 2px solid var(--cizgi); }
.ap-zaman li { position: relative; padding: 0 0 12px 18px; font-family: var(--govde); font-size: 15px; line-height: 1.45; }
.ap-zaman li::before { content: ""; position: absolute; left: -6px; top: 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid #bbb; }
.ap-zaman__onay::before, .ap-zaman__hesap::before { border-color: var(--yesil) !important; background: var(--yesil) !important; }
.ap-zaman__red::before { border-color: var(--kirmizi) !important; }
.ap-zaman__inceleme::before { border-color: var(--mavi) !important; }
.ap-zaman time { display: block; font-family: var(--baslik); font-size: 12px; color: #999; }
.ap-zaman em { margin-left: 6px; font-style: normal; font-family: var(--baslik); font-size: 11px; color: #8a6d00; text-transform: uppercase; }

/* Bos durum */
.ap-bos { padding: 50px 30px; text-align: center; border: 1px dashed #cfccc2; border-radius: 12px; background: #fff; }
.ap-bos > .ap-ikon { width: 40px; height: 40px; color: #b38f00; }
.ap-bos h3 { margin-top: 14px; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.ap-bos p { margin: 8px auto 22px !important; max-width: 420px; font-family: var(--govde); font-size: 16px; color: var(--soluk); }

/* Kilitli onizleme (aday) */
.ap-kilitli { position: relative; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; }
.ap-kilitli__onizleme { padding: 20px; filter: blur(3px); opacity: .55; }
.ap-sahte-satir { height: 38px; margin-top: 10px; border-radius: 8px; background: var(--gri); }
.ap-sahte-satir--kisa { width: 60%; }
.ap-kilitli__yazi { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px; text-align: center; background: linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,.92)); }
.ap-kilitli__yazi > .ap-ikon { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: #000; color: var(--sari); }
.ap-kilitli__yazi strong { margin-top: 12px; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.ap-kilitli__yazi p { margin-top: 6px !important; font-family: var(--govde); font-size: 15px; line-height: 1.45; color: #555; }

/* Oneri listeleri */
.ap-oneri-liste { display: grid; gap: 8px; }
.ap-oneri-liste a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 8px; border: 1px solid var(--cizgi); text-decoration: none; transition: border-color .2s, background .2s; }
.ap-oneri-liste a:hover { border-color: var(--sari); background: #fffdf2; }
.ap-oneri-liste strong, .ap-hizli-liste strong { display: block; font-size: 14px; font-weight: 600; }
.ap-oneri-liste small, .ap-hizli-liste small { display: block; margin-top: 2px; font-family: var(--govde); font-size: 14px; line-height: 1.35; color: var(--soluk); }
.ap-oneri-liste .ap-ikon { flex: none; width: 28px; height: 28px; padding: 6px; border-radius: 50%; background: #000; color: var(--sari); }
.ap-hizli-liste { display: grid; gap: 4px; margin: 16px 0 18px !important; }
.ap-hizli-liste li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.ap-hizli-liste small { color: rgba(255,255,255,.55); }
.ap-hizli-liste form { flex: none; }

/* Musteri hizmet kartlari */
.ap-hizmet-kartlari { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.ap-mh { display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; }
.ap-mh--ai { border-color: #f0dc8a; background: linear-gradient(180deg, #fffdf2, #fff 60%); }
.ap-mh--duraklatildi { opacity: .75; }
.ap-mh__ust { display: flex; justify-content: space-between; align-items: center; }
.ap-mh__ikon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: #000; color: var(--sari); }
.ap-mh--ai .ap-mh__ikon { background: var(--sari); color: #000; }
.ap-mh h3 { margin-top: 16px; font-size: 16px; font-weight: 600; line-height: 1.3; }
.ap-mh p { margin-top: 6px; flex: 1; font-family: var(--govde); font-size: 15px; line-height: 1.45; color: #555; }
.ap-mh__alt { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--cizgi); font-size: 12px; color: #888; }

/* Ayarlar */
.ap-ayar-izgara { display: grid; grid-template-columns: 1fr 1fr 300px; gap: 20px; align-items: start; }
.ap-tanim { display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; margin: 0; font-size: 14px; }
.ap-tanim dt { color: var(--soluk); text-transform: uppercase; font-size: 11px; font-weight: 600; align-self: center; }
.ap-tanim dd { margin: 0; }

/* ============================== YONETIM ============================== */
.ap-filtre { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 22px; }
.ap-filtre .ap-soluk { max-width: 640px; }
.ap-musteri { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 16px; padding: 14px 16px; border-radius: 10px; background: var(--gri); font-size: 15px; }
.ap-musteri > div { flex: 1; min-width: 220px; }
.ap-musteri > div span { display: block; margin-top: 2px; font-family: var(--govde); font-size: 15px; color: var(--soluk); }
.ap-musteri a { text-decoration: underline; text-decoration-color: #ccc; text-underline-offset: 3px; }
.ap-avatar { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #000; color: var(--sari); font-weight: 700; }
.ap-karar .ap-alan { margin: 16px 0 12px; max-width: 760px; }
.ap-karar__butonlar { display: flex; flex-wrap: wrap; gap: 10px; }
.ap-tablo-kap { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; }
.ap-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.ap-tablo th { padding: 14px 16px; text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase; color: var(--soluk); border-bottom: 1px solid var(--cizgi); background: #fafaf8; }
.ap-tablo td { padding: 14px 16px; border-bottom: 1px solid #f0efea; vertical-align: middle; }
.ap-tablo tr:last-child td { border-bottom: 0; }
.ap-tablo td small { display: block; margin-top: 2px; font-size: 12px; color: #999; }
.ap-tablo tr.is-pasif td { opacity: .5; }
.ap-satir-form { display: flex; align-items: center; gap: 12px; }
.ap-satir-form select { width: auto; padding: 8px 12px; font-size: 13px; cursor: pointer; }
.ap-durum-sec--aktif { border-color: #bfe6cd !important; background: var(--yesil-soluk) !important; }
.ap-durum-sec--kurulum { border-color: #c9d9f7 !important; background: var(--mavi-soluk) !important; }
.ap-durum-sec--duraklatildi { border-color: #f0dc8a !important; background: var(--sari-acik) !important; }

/* ============================== Duyarlilik ============================== */
@media (max-width: 1100px) {
    .ap-ai-izgara { grid-template-columns: repeat(2, 1fr); }
    .ap-kpi-satir--5 { grid-template-columns: repeat(3, 1fr); }
    .ap-ayar-izgara { grid-template-columns: 1fr 1fr; }
    .ap-ayar-izgara .ap-kart--bilgi { grid-column: 1 / -1; }
}
@media (max-width: 980px) {
    .ap-bolum { padding: 80px 0; }
    .ap-hero { padding: 60px 0 80px; }
    .ap-hero__izgara, .ap-onizleme-izgara { grid-template-columns: 1fr; gap: 50px; }
    .ap-sorunlar { grid-template-columns: 1fr; }
    .ap-surec { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
    .ap-kimlik { grid-template-columns: 1fr; }
    .ap-kimlik__yan-ic { margin: 0; max-width: none; padding: 50px 5%; }
    .ap-artilar { display: none; }
    .ap-kimlik__form { padding: 50px 5% 70px; }
    .ap-iki-kolon { grid-template-columns: 1fr; }
    .ap-iki-kolon > aside { position: static; }
    .ap-kpi-satir--4 { grid-template-columns: repeat(2, 1fr); }
    .ap-onizleme { transform: none; }
}
@media (max-width: 640px) {
    .ap-kap { width: auto; margin: 0 16px; }
    .ap-bolum { padding: 64px 0; }
    .ap-bolum__bas { margin-bottom: 36px; }
    .ap-bolum__bas p:not(.ap-ust-yazi), .ap-hero__aciklama { font-size: 17px; }
    .ap-rakamlar { grid-template-columns: repeat(2, 1fr); }
    .ap-ai-izgara, .ap-neden, .ap-surec { grid-template-columns: 1fr; }
    .ap-neden article { padding: 28px 22px; }
    .ap-hero__butonlar .ap-btn { width: 100%; }
    .ap-hero__baslik { font-size: clamp(24px, 7.2vw, 34px); overflow-wrap: break-word; }
    .ap-kimlik__yan h1 { font-size: clamp(24px, 7.2vw, 34px); }
    .ap-hizmetler { grid-template-columns: 1fr; }
    .ap-sepet__ic { width: auto; margin: 0 16px; gap: 12px; flex-wrap: wrap; }
    .ap-sepet__bilgi { flex-basis: 100%; }
    .ap-sepet .ap-btn { flex: 1; padding: 13px 18px; }
    .ap-alan-ikili { grid-template-columns: 1fr; }
    .ap-adimlar { grid-template-columns: 1fr; gap: 16px; padding: 22px; }
    .ap-adimlar li { flex-direction: row; text-align: left; gap: 0 14px; display: grid; grid-template-columns: 36px 1fr; }
    .ap-adimlar li .ap-adimlar__daire { grid-row: span 2; }
    .ap-adimlar strong { margin-top: 0; }
    .ap-adimlar li::after { display: none; }
    .ap-kpi-satir--5 { grid-template-columns: repeat(2, 1fr); }
    .ap-kpi strong { font-size: 28px; }
    .ap-ayar-izgara { grid-template-columns: 1fr; }
    .ap-bant__ust { flex-direction: column-reverse; }
    .ap-cikis { align-self: flex-end; }
    .ap-talep { padding: 18px 16px 14px; }
    .ap-talep__bas { flex-direction: column; gap: 10px; }
    .ap-sss details p { padding-right: 0; }
    main.ap > .ap-uyari { left: 16px; right: 16px; max-width: none; }
    /* Tablolar kart gorunumune gecer */
    .ap-tablo thead { display: none; }
    .ap-tablo tr { display: block; padding: 14px 16px; border-bottom: 1px solid var(--cizgi); }
    .ap-tablo td { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border: 0; text-align: right; }
    .ap-tablo td[data-baslik]::before { content: attr(data-baslik); font-size: 11px; font-weight: 600; text-transform: uppercase; color: #999; text-align: left; }
    .ap-tablo td:first-child { display: block; text-align: left; }
    .ap-tablo td:first-child::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .ap *, .ap *::before, .ap *::after { animation: none !important; transition: none !important; }
    .ap-onizleme { transform: none; }
}