/* ==========================================================================
   AssistGrup.tr — stil dosyası (TASARIM-SISTEMI.md; "Açık hat" görünümü, 23 Eki 2026)

   Kimlik: beyaz başlık, kömür (#121816) kahraman bandı ve onun üstünde
   ince çizgili cihaz resmi (static/img/hat-cizgisi.svg), açık gri sayfa,
   ince kenarlı yuvarlak kartlar, küçük hap etiketler. TEK vurgu rengi
   AssistGrup.tr yeşili (limon #3a7012: düğme, sayı, etiket; beyazda 5,99:1);
   koyu zeminde parlak limon #a3e635. Yazı tek aile: Onest (değişken 400–800);
   dar başlık yazısı yok. Köşe: kart 14 px, düğme 10 px, etiket hap (999 px).
   Sınıf öneki: agt-   Belirteç öneki: --agt-
   Türkçe büyük harf: html lang="tr" olduğundan text-transform doğru İ/I verir;
   yalnız kısa etiketlerde kullanılır.

   Bölümler: §00 yazı · §01 belirteçler · §02 taban · §03–§19 bileşenler
   (eski "plaka" adları korunur, görünüm §50'de) · §20 sayfa aileleri ·
   §40–§41 il haritası · §50 Açık hat katmanı (başlık, kahraman, şerit,
   kartlar, bantlar, altbilgi, çekmece, alt şerit).
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi.
       Onest değişken ağırlık 400–800; latin + latin-ext: İ Ş Ğ ı ç ö ü dahil) */
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/onest-var-latin-ext.960412f3c7e3.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/onest-var-latin.fd7dbbcb3633.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* --- 01 Belirteçler ------------------------------------------------------ */
:root {
  color-scheme: light;

  /* renk: beyaz kart, açık gri sayfa, kömür mürekkep, tek vurgu limon (kontrastlar TASARIM-SISTEMI §02) */
  --agt-beyaz: #ffffff;         /* kart yüzü, başlık, beyaz bölüm */
  --agt-celik: #f3f5f4;         /* açık gri bölüm, metal kart */
  --agt-celik-2: #e6eae8;       /* tablo başı, sekme rayı, pasif düğme */
  --agt-celik-3: #d9dfdc;       /* üzerine gelme, basılı yüzey */
  --agt-grafit: #121816;        /* kömür: başlık, kahraman ve altbilgi zemini (beyazda 18,4) */
  --agt-metin: #28302d;         /* gövde metni (beyazda 13,54; çelikte 12,37) */
  --agt-gri: #556059;           /* ikincil metin (beyazda 6,56; çelik-2'de 5,40) */
  --agt-gri-2: #5a6560;         /* yer tutucu, dip satır (beyazda 6,06; çelik-2'de 4,99) */
  --agt-cizgi-ince: #e3e8e5;    /* 1 px kıl çizgi (süs) */
  --agt-cizgi: #d2d9d5;         /* kart kenarı, ayırıcı (süs) */
  --agt-cizgi-sert: #77827d;    /* girdi kenarı (beyazda 3,98; çelik-2'de 3,28; ≥3:1) */
  --agt-limon: #3a7012;         /* TEK vurgu: birincil düğme, sayı, etiket, odak (beyazda 5,99; çelik-2'de 4,93) */
  --agt-limon-bas: #2c560c;     /* düğme üzerine gelme (beyaz yazıyla 8,59) */
  --agt-limon-ust: #ffffff;     /* limon düğmedeki yazı: BEYAZ */
  --agt-limon-acik: #edf6e0;    /* hap etiket zemini, uyarı notu (limon yazı 5,38) */
  --agt-limon-isik: #a3e635;    /* parlak limon: yalnız koyu zeminde (kömürde 11,77) */
  --agt-gri-acik: #c3ccc7;      /* koyu zeminde ikincil yazı ve kenar (kömürde 10,94) */
  --agt-yesil: #2a6b4f;         /* "Kendiniz bakın", başarı (beyazda 6,23) */

  /* köşe: yuvarlak (kart 14, düğme 10, küçük 6); eski pah adları korunur */
  --agt-pah: 14px;              /* kart / plaka köşesi */
  --agt-pah-orta: 10px;         /* düğme, girdi */
  --agt-pah-kucuk: 6px;         /* etiket, kod karosu */
  --agt-pah-kart: inset(0 round 14px);
  --agt-pah-dugme: inset(0 round 10px);
  --agt-imi: inset(0 round 999px);   /* küçük nokta (eski köşe imi) */
  --agt-golge: 0 1px 2px rgba(18, 24, 22, .05), 0 8px 24px -12px rgba(18, 24, 22, .14);

  /* yazı ailesi: tek aile Onest (başlık 700–800, gövde 400–500) */
  --agt-f-baslik: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --agt-f-govde: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --agt-f-sayi: "Onest", ui-sans-serif, system-ui, sans-serif;
  --agt-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan) */
  --agt-y-dev: clamp(2.5rem, 1.9rem + 3vw, 4.25rem);
  --agt-y-manset: clamp(2.125rem, 1.5rem + 2.8vw, 3.5rem);
  --agt-y-1: clamp(1.75rem, 1.4rem + 1.6vw, 2.625rem);
  --agt-y-2: clamp(1.5rem, 1.25rem + 1.1vw, 2.125rem);
  --agt-y-3: clamp(1.0625rem, 1.02rem + 0.25vw, 1.1875rem);
  --agt-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --agt-y-govde: 1rem;          /* 16 px Onest */
  --agt-y-kucuk: 0.9375rem;     /* 15 px */
  --agt-y-etiket: 0.8125rem;    /* 13 px: küçük etiket */

  /* yerleşim */
  --agt-sutun: 12;
  --agt-oluk: 16px;
  --agt-kap: 1280px;
  --agt-okuma: 720px;
  --agt-yan: 340px;             /* yan plaka (≥1080 px), yapışkan değil */

  /* boşluk (8 tabanlı, 4 yarım adım) */
  --agt-a1: 4px;
  --agt-a2: 8px;
  --agt-a3: 12px;
  --agt-a4: 16px;
  --agt-a5: 24px;
  --agt-a6: 32px;
  --agt-a7: 48px;
  --agt-a8: 64px;
  --agt-a9: 96px;
  --agt-kenar: 16px;
  --agt-bolum: 56px;

  /* biçim: kalınlıklar ve sabit yükseklikler */
  --agt-kil-kalinlik: 1px;
  --agt-vurgu-kalinlik: 2px;
  --agt-ust-boy: 64px;
  --agt-hat-boy: 64px;

  /* hareket: kısa, doğrusal (ölçü aleti) */
  --agt-sure: 160ms;
  --agt-egri: cubic-bezier(0.4, 0, 0.2, 1);

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --agt-m-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E");
  --agt-m-sag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h16'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
  --agt-m-asagi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --agt-m-onay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5 9 17.5 20 6.5'/%3E%3C/svg%3E");
  --agt-m-ara: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h5l3 3v5l-3 3H8l-3-3V7z'/%3E%3Cpath d='M16.2 16.2 20 20'/%3E%3C/svg%3E");
  --agt-m-tel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.5l1.5 4-2 1.5 6.5 6.5 1.5-2 4 1.5V19l-1.5 1.5C10.5 20 4 13.5 3.5 5.5z'/%3E%3C/svg%3E");
  --agt-m-bilgi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z'/%3E%3Cpath d='M12 10.5v6'/%3E%3Cpath d='M12 7.5v.5'/%3E%3C/svg%3E");
  --agt-ok-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
}

@media (min-width: 720px) {
  :root { --agt-kenar: 24px; --agt-oluk: 20px; --agt-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --agt-kenar: 40px; --agt-oluk: 24px; --agt-ust-boy: 72px; --agt-bolum: 96px; }
}
/* Koyu tema YOK. Yazdırmada gri tonlar beyaza iner. */
@media print {
  :root {
    --agt-celik: #fffdf8; --agt-celik-2: #fffdf8; --agt-celik-3: #fffdf8;
    --agt-grafit: #000000; --agt-metin: #111111; --agt-gri: #444444; --agt-gri-2: #555555;
    --agt-cizgi-ince: #cccccc; --agt-cizgi: #999999; --agt-cizgi-sert: #555555;
  }
}

/* --- 02 Taban, yazı tabanı ---------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--agt-ust-boy) + var(--agt-a4));
}
body {
  margin: 0;
  background: var(--agt-beyaz);
  color: var(--agt-metin);
  font-family: var(--agt-f-govde);
  font-size: var(--agt-y-govde);
  line-height: 1.6;
  font-weight: 400;
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
/* Başlık: Onest 700, kömür; sıkı harf aralığı (grotesk). */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--agt-grafit);
  font-family: var(--agt-f-baslik);
  font-weight: 700;
  letter-spacing: -0.02em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--agt-y-1); line-height: 1.1; letter-spacing: -0.03em; font-weight: 800; }
h2 { font-size: var(--agt-y-2); line-height: 1.15; letter-spacing: -0.025em; font-weight: 800; }
h3 { font-size: var(--agt-y-3); line-height: 1.3; font-weight: 700; letter-spacing: -0.012em; }
h4 { font-size: 1rem; font-family: var(--agt-f-govde); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--agt-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi limon ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--agt-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--agt-limon); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--agt-grafit); }
code, kbd, samp { font-family: var(--agt-f-mono); font-size: 0.92em; font-weight: 500; }
/* hr: grafit kıl çizgi, sol ucunda limon köşe imi */
hr { border: 0; height: 8px; margin: var(--agt-a6) 0; background: linear-gradient(var(--agt-cizgi), var(--agt-cizgi)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--agt-limon) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--agt-limon); color: var(--agt-limon-ust); }
/* Odak: 2 px limon çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--agt-limon); outline-offset: 2px; }
.agt-gosterge-harici {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.agt-hemen-icerik {
  position: absolute; left: var(--agt-a4); top: -100px; z-index: 100;
  background: var(--agt-grafit); color: var(--agt-beyaz); padding: var(--agt-a2) var(--agt-a4);
  font-family: var(--agt-f-baslik); font-weight: 600; text-decoration: none;
}
.agt-hemen-icerik:focus { top: var(--agt-a2); }

/* ==========================================================================
   BİLEŞENLER §03–§19 (TASARIM-SISTEMI §06) — stil rehberinde onaylanan biçim.
   PLAKA BOYAMA KALIBI: pahlı yüzeyler öğenin kendisini KESMEZ; zemin, 1 px
   kenar ve pahın çapraz çizgisi ::before'da (clip-path) çizilir, köşe imi
   ::after'da kesiğin yerine oturur (öğe kesilseydi imi de kesilirdi). Ayar:
   --p-zemin, --p-kenar, --p-pah, --p-imi. Düğme ve girdi gibi küçük öğeler
   doğrudan clip-path'lidir; odak halkaları bu yüzden İÇ gölgedir.
   ========================================================================== */
.agt-tabela-hucre, .agt-kenar-tabela, .agt-ilk-tabela, .agt-basvuru-tabelasi, .agt-is-tabelasi,
.agt-model-rozeti, .agt-son-tabela, .agt-bul-tabela, .agt-tabela-notu, .agt-tabela-acilir-liste,
.agt-resim-cercevesi, .agt-hat-tabelasi, .agt-logo-tabelasi, .agt-yer-tabelasi,
.agt-olcek-satiri, .agt-tavsiye-listesi, .agt-cerez-tabelasi, .agt-ariza-acilir-ayrinti[open], .agt-fark-akisi {
  --p-zemin: var(--agt-beyaz);
  --p-kenar: var(--agt-cizgi);
  --p-pah: var(--agt-pah);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.agt-tabela-hucre::before, .agt-kenar-tabela::before, .agt-ilk-tabela::before, .agt-basvuru-tabelasi::before,
.agt-is-tabelasi::before, .agt-model-rozeti::before, .agt-son-tabela::before, .agt-bul-tabela::before,
.agt-tabela-notu::before, .agt-tabela-acilir-liste::before, .agt-resim-cercevesi::before, .agt-hat-tabelasi::before,
.agt-logo-tabelasi::before, .agt-yer-tabelasi::before, .agt-olcek-satiri::before, .agt-tavsiye-listesi::before,
.agt-cerez-tabelasi::before, .agt-ariza-acilir-ayrinti[open]::before, .agt-fark-akisi::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    var(--p-zemin);
  box-shadow: inset 0 0 0 1px var(--p-kenar);
  border-radius: var(--p-pah);
  clip-path: inset(0 round var(--p-pah));
  transition: box-shadow var(--agt-sure) var(--agt-egri);
}
/* Köşe imi: pahın yerine oturan limon dik üçgen (imza). */
.agt-tabela-hucre--isaretli::after, .agt-kenar-tabela::after, .agt-ilk-tabela::after, .agt-model-rozeti::after,
.agt-son-tabela::after, .agt-bul-tabela::after, .agt-resim-cercevesi::after, .agt-hat-tabelasi::after,
.agt-basvuru-tabelasi::after, .agt-cerez-tabelasi::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, var(--agt-limon));
  clip-path: var(--agt-imi);
  pointer-events: none;
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.agt-tabela-gibi { max-width: var(--agt-kap); margin-inline: auto; padding-inline: var(--agt-kenar); }
.agt-merkez-omurga { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.agt-tabela-cift { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--agt-a6); align-items: start; }
.agt-tabela-cift > * { min-width: 0; }
@media (min-width: 1080px) { .agt-tabela-cift { grid-template-columns: minmax(0, 1fr) var(--agt-yan); gap: var(--agt-a7); } }
.agt-tabela-yigini { display: grid; gap: var(--agt-a4); }
.agt-tabela-yigini > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Beyaz ↔ çelik dönüşümü servisfer'in koyu bant
   dönüşümünün AssistGrup.tr karşılığıdır (--celik: tam genişlik çelik zemin). */
.agt-tabela-dilimi { margin-top: var(--agt-bolum); }
.agt-tabela-dilimi--metal { padding-block: var(--agt-bolum); background: var(--agt-celik); }
.agt-tabela-dilimi--metal .agt-tabela-hucre { --p-zemin: var(--agt-beyaz); }
.agt-tabela-cift + .agt-tabela-dilimi, .agt-belge-tabelasi + .agt-tabela-dilimi { margin-top: calc(var(--agt-bolum) * 0.75); }
.agt-belge-tabelasi + .agt-tabela-gibi { margin-top: var(--agt-a6); }
[id] { scroll-margin-top: calc(var(--agt-ust-boy) + var(--agt-a5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.agt-isaretli-rozet { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--agt-f-baslik); font-size: var(--agt-y-etiket); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--agt-gri); }
.agt-isaretli-rozet::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-tabela-sahne { margin: 0; font-family: var(--agt-f-baslik); font-size: var(--agt-y-manset); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--agt-grafit); text-wrap: balance; overflow-wrap: anywhere; }
.agt-tabela-girisi { margin: 16px 0 0; max-width: 58ch; font-size: var(--agt-y-giris); line-height: 1.55; color: var(--agt-metin); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 grafit ölçü çubuğu + ucunda limon üçgen. */
.agt-tabela-basligi { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--agt-a4); margin-bottom: var(--agt-a5); padding-top: 18px; border-top: 1px solid var(--agt-cizgi); }
.agt-tabela-basligi::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--agt-grafit); }
.agt-tabela-basligi::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--agt-limon); clip-path: inset(0 round 4px); }
.agt-tabela-basligi > div { min-width: 0; }
.agt-tabela-basligi h2 { margin: 0; overflow-wrap: anywhere; }
.agt-tabela-basligi p { margin: 6px 0 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-tabela-dilimi--metal .agt-tabela-basligi { border-top-color: var(--agt-cizgi-sert); }
/* Düz metin sütunu. */
.agt-tabela-metni { max-width: 68ch; }
.agt-tabela-metni > :last-child { margin-bottom: 0; }
.agt-tabela-metni h3 { margin: var(--agt-a5) 0 8px; }
.agt-tabela-metni ul, .agt-tabela-metni ol { padding-left: 1.25rem; margin: 0 0 var(--agt-a4); }
.agt-tabela-metni li { margin-bottom: 6px; }
.agt-tabela-metni li::marker { color: var(--agt-limon); }
.agt-olcek-rakami { font-family: var(--agt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--agt-grafit); }
.agt-sabit-hane { font-variant-numeric: tabular-nums; }
.agt-tepe-payi.agt-tepe-payi { margin-top: var(--agt-a4); }
.agt-hata-sayisi { display: block; font-family: var(--agt-f-sayi); font-size: var(--agt-y-dev); font-weight: 700; line-height: 1; color: var(--agt-grafit); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.agt-tepe-tabela { position: sticky; top: 0; z-index: 40; background: var(--agt-grafit); }
.agt-tepe-tabela::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--agt-grafit); }
.agt-tepe-tabela-orta { display: flex; align-items: center; gap: var(--agt-a3); max-width: var(--agt-kap); height: var(--agt-ust-boy); margin-inline: auto; padding-inline: var(--agt-kenar); }
.agt-tepe-tabela-logo { flex: none; display: block; line-height: 0; }
.agt-tepe-tabela-logo img { height: 28px; width: auto; }
@media (min-width: 1080px) { .agt-tepe-tabela-logo img { height: 30px; } }
.agt-tepe-tabela-yonlendirme { display: none; }
.agt-tepe-tabela-gezinti { display: flex; list-style: none; margin: 0; padding: 0; }
.agt-tepe-tabela-gezinti > li { position: relative; }
.agt-tepe-tabela-gezinti > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--agt-f-baslik); font-size: 15px; font-weight: 500; color: var(--agt-grafit); text-decoration: none; white-space: nowrap; transition: color var(--agt-sure) var(--agt-egri); }
.agt-tepe-tabela-gezinti > li > a:hover { color: var(--agt-limon); }
.agt-tepe-tabela-gezinti > li > a[aria-current] { color: var(--agt-limon); box-shadow: inset 0 -2px 0 var(--agt-limon); }
.agt-tabela-acilir > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
/* Açılır liste: sağ üstü pahlı beyaz plaka; üzerine gelince ya da klavye odağında açılır. */
.agt-tabela-acilir-liste { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
/* Aynı anda tek panel: JS açık olanı .agt-acik ile işaretler (agt.js "Üst menü"). Betik yoksa fare üzerine gelince açılır. */
.agt-tabela-acilir.agt-acik > .agt-tabela-acilir-liste { display: block; }
html:not(.agt-komut) .agt-tabela-acilir:hover > .agt-tabela-acilir-liste, html:not(.agt-komut) .agt-tabela-acilir:focus-within > .agt-tabela-acilir-liste { display: block; }
.agt-tabela-acilir-liste--genis { width: 500px; columns: 2; column-gap: 0; }
.agt-tabela-acilir-liste li { break-inside: avoid; }
.agt-tabela-acilir-liste a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--agt-metin); font-size: 15px; text-decoration: none; }
.agt-tabela-acilir-liste a:hover { background: var(--agt-celik); color: var(--agt-grafit); }
.agt-tabela-acilir-liste a small { display: block; margin-top: 2px; font-size: 13px; opacity: .72; }
.agt-tabela-acilir-liste a:has(small) { flex-direction: column; align-items: flex-start; padding: 8px 16px; }
.agt-tabela-acilir-liste-basi { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--agt-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--agt-gri); }
.agt-tabela-acilir-liste-basi::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-tabela-acilir-liste .agt-tabela-acilir-liste-basi a { min-height: 0; padding: 0; color: var(--agt-gri); font-size: inherit; }
.agt-tabela-acilir-liste .agt-tabela-acilir-liste-basi a:hover { background: none; color: var(--agt-limon); }
.agt-tepe-tabela-islem { display: flex; align-items: center; gap: var(--agt-a2); margin-left: auto; }
.agt-tepe-tabela-tel { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-family: var(--agt-f-baslik); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--agt-grafit); text-decoration: none; white-space: nowrap; }
.agt-tepe-tabela-tel svg { width: 18px; height: 18px; color: var(--agt-limon); }
.agt-tepe-tabela-tel:hover { color: var(--agt-limon); }
.agt-tepe-tabela-islem .agt-tepe-tabela-istek, .agt-tepe-tabela-islem .agt-tepe-tabela-hat { display: none; }
@media (min-width: 720px) { .agt-tepe-tabela-islem .agt-tepe-tabela-istek, .agt-tepe-tabela-islem .agt-tepe-tabela-hat { display: inline-flex; } }
@media (min-width: 1240px) {
  .agt-tepe-tabela-yonlendirme { display: block; margin-left: var(--agt-a3); }
  .agt-tepe-tabela-islem .agt-tepe-tabela-gezinti-ac { display: none; }
}
@media (min-width: 1560px) { .agt-tepe-tabela-tel { display: inline-flex; } }
@media (max-width: 359px) { .agt-tepe-tabela-logo img { height: 24px; } .agt-tepe-tabela-islem { gap: 4px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.agt-ariyer-satiri { padding-block: 0 var(--agt-a3); }
/* Pahlı arama kutusu: girdi + grafit pahlı gönder karosu. --buyuk 404 ve kod dizininde. */
.agt-ariyer-kutusu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--agt-beyaz); box-shadow: inset 0 0 0 1.5px var(--agt-cizgi-sert); clip-path: var(--agt-pah-dugme); transition: box-shadow var(--agt-sure) var(--agt-egri); }
.agt-ariyer-kutusu:focus-within { box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-ariyer-kutusu input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--agt-grafit); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.agt-ariyer-kutusu input::placeholder { color: var(--agt-gri-2); }
.agt-ariyer-kutusu input:focus-visible { outline: none; }
.agt-ariyer-kutusu input::-webkit-search-cancel-button { display: none; }
.agt-ariyer-kutusu button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--agt-grafit); color: var(--agt-beyaz); clip-path: inset(0 round 4px); cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri); }
.agt-ariyer-kutusu button:hover { background: var(--agt-limon); }
.agt-ariyer-kutusu button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-beyaz), inset 0 0 0 4px var(--agt-limon); }
.agt-ariyer-kutusu button svg { width: 18px; height: 18px; }
.agt-ariyer-kutusu--buyuk { min-height: 60px; }
.agt-ariyer-kutusu--buyuk input { height: 58px; padding-left: 20px; font-size: 18px; }
.agt-ariyer-kutusu--buyuk button { width: 50px; height: 50px; margin-right: 5px; background: var(--agt-limon); }
.agt-ariyer-kutusu--buyuk button:hover { background: var(--agt-limon-bas); }
.agt-ariyer-kutusu--buyuk button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (agt.js "Bul kutuları"): kutunun altında pahlı beyaz plaka. */
.agt-tavsiye-listesi { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; max-height: min(60vh, 480px); overflow-y: auto; margin: 0; padding: 6px; list-style: none; --p-kenar: var(--agt-cizgi-sert); }
.agt-tavsiye-listesi--ustte { top: auto; bottom: calc(100% + 6px); }
.agt-tavsiye-listesi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--agt-grafit); text-decoration: none; }
.agt-tavsiye-listesi a[aria-selected="true"], .agt-tavsiye-listesi a:hover { background: var(--agt-celik); }
.agt-tavsiye-turu { color: var(--agt-gri); font-size: 13px; text-align: right; }
.agt-tavsiye-satiri--ariza .agt-tavsiye-adi { font-family: var(--agt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.agt-tavsiye-yok { padding: 10px 12px; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
/* Çekmece (#rehber, "Menü"): sağdan gelen beyaz plaka, mobilde tam ekran. */
body.agt-omurga-kilitli { overflow: hidden; }
.agt-tabela-gozme-ortusu { position: fixed; inset: 0; z-index: 70; background: rgba(18, 22, 28, 0.46); }
.agt-tabela-gozme { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--agt-a4) var(--agt-a5) var(--agt-a7); background: var(--agt-beyaz); box-shadow: inset 1px 0 0 var(--agt-cizgi); }
.agt-tabela-gozme-basi { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--agt-a3); margin: 0 0 var(--agt-a5); padding-bottom: var(--agt-a4); border-bottom: 1px solid var(--agt-cizgi); }
.agt-tabela-gozme-basi::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--agt-grafit); }
.agt-tabela-gozme-basi img { height: 26px; width: auto; }
.agt-tabela-gozme-islemleri { display: grid; gap: var(--agt-a2); }
.agt-tabela-gozme-grubu { margin-top: var(--agt-a5); }
.agt-tabela-gozme-grubu h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.agt-tabela-gozme-grubu h2 a { text-decoration: none; }
.agt-tabela-gozme-grubu h2 a[aria-current] { color: var(--agt-limon); }
.agt-tabela-gozme-grubu .agt-tabela-acilir-liste-basi { padding: 12px 0 2px; }
.agt-tabela-gozme-dibi { margin: var(--agt-a5) 0 0; padding-top: var(--agt-a4); border-top: 1px solid var(--agt-cizgi-ince); color: var(--agt-gri); font-size: 15px; max-width: none; }
.agt-dil-akisi { font-size: var(--agt-y-kucuk); }
.agt-dil-akisi summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--agt-grafit); clip-path: var(--agt-pah-dugme); font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
.agt-dil-akisi summary::-webkit-details-marker { display: none; }
.agt-dil-akisi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--agt-a4); margin: var(--agt-a2) 0 0; }
.agt-dil-akisi a { display: inline-block; padding: 10px 0; color: var(--agt-gri); text-decoration: none; }
.agt-dil-akisi a:hover, .agt-dil-akisi a[aria-current="true"] { color: var(--agt-grafit); }

/* --- §06 Pahlı düğmeler, ok bağlantı -------------------------------------- */
.agt-kose-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--agt-beyaz); color: var(--agt-grafit); clip-path: var(--agt-pah-dugme); font-family: var(--agt-f-baslik); font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
.agt-kose-dugme svg { width: 18px; height: 18px; flex: none; }
.agt-kose-dugme b { font-weight: 600; font-variant-numeric: tabular-nums; color: inherit; }
.agt-kose-dugme span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agt-kose-dugme--limon { background: var(--agt-limon); color: var(--agt-limon-ust); }
.agt-kose-dugme--limon:hover { background: var(--agt-limon-bas); color: var(--agt-limon-ust); }
/* Çizgili: 1,5 px grafit kenar (iç gölge) + kesikte çapraz çizgi. */
.agt-kose-dugme--hatli { color: var(--agt-grafit); box-shadow: inset 0 0 0 1.5px var(--agt-grafit);
  background:
    var(--agt-beyaz); }
.agt-kose-dugme--hatli:hover { background: var(--agt-grafit); color: var(--agt-beyaz); }
/* Koyu: son plakanın grafit zemininde beyaz çizgili. */
.agt-kose-dugme--koyu { color: var(--agt-beyaz); box-shadow: inset 0 0 0 1.5px var(--agt-gri-acik);
  background:
    transparent; }
.agt-kose-dugme--koyu:hover { background: var(--agt-beyaz); color: var(--agt-grafit); }
.agt-kose-dugme--sade { background: transparent; color: var(--agt-grafit); }
.agt-kose-dugme--sade:hover { background: var(--agt-celik); }
.agt-kose-dugme--kucuk { min-height: 44px; padding: 0 18px; font-size: 15px; }
.agt-kose-dugme--genis { width: 100%; }
.agt-kose-dugme--simge { width: 44px; padding: 0; flex: none; }
.agt-kose-dugme[aria-disabled="true"] { background: var(--agt-celik-2); color: var(--agt-gri-2); box-shadow: none; cursor: not-allowed; }
.agt-kose-dugme[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.agt-kose-dugme:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--agt-grafit), inset 0 0 0 5px var(--agt-beyaz); }
.agt-kose-dugme--limon:focus-visible { box-shadow: inset 0 0 0 3px var(--agt-grafit), inset 0 0 0 5px var(--agt-beyaz); }
.agt-kose-islemleri { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.agt-kose-islemleri--dikey { display: grid; gap: var(--agt-a2); margin-top: var(--agt-a5); }
/* Ok bağlantı: Sofia Sans yazı + pahlı grafit karo içinde beyaz ok. */
.agt-kose-ok { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); text-decoration: none; transition: color var(--agt-sure) var(--agt-egri); }
.agt-kose-ok::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--agt-grafit) var(--agt-ok-ikon) center / 14px 14px no-repeat; clip-path: var(--agt-pah-dugme); transition: background-color var(--agt-sure) var(--agt-egri); }
.agt-kose-ok:hover { color: var(--agt-limon); }
.agt-kose-ok:hover::after { background-color: var(--agt-limon); }

/* --- §07 Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.agt-tabela-hucre { padding: 22px; min-width: 0; }
.agt-tabela-hucre--metal { --p-zemin: var(--agt-celik); }
.agt-tabela-hucre > :last-child { margin-bottom: 0; }
.agt-tabela-hucre h3 { margin: 0 0 8px; }
a.agt-tabela-hucre { display: block; color: inherit; text-decoration: none; }
a.agt-tabela-hucre:hover { --p-kenar: var(--agt-grafit); }
a.agt-tabela-hucre p { color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
@media (max-width: 719px) { .agt-tabela-hucre { padding: 18px 16px; } }
.agt-hucre-basi { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--agt-a4); margin-bottom: var(--agt-a4); }
.agt-hucre-basi h2, .agt-hucre-basi h3 { margin: 0; }
.agt-hucre-basi h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.agt-hucre-basi p { margin: 6px 0 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-hucre-basi small { color: var(--agt-gri); font-size: 14px; }
.agt-hucre-basi h3 a { text-decoration: none; }
.agt-hucre-basi h3 a:hover { text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-tabelalar { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.agt-tabelalar > * { min-width: 0; }
@media (min-width: 720px) { .agt-tabelalar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .agt-tabelalar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .agt-tabelalar--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.agt-tabelalar > .agt-tabela-hucre > .agt-isaretli-rozet { margin-bottom: 8px; }
.agt-tabelalar > .agt-tabela-hucre > p { margin: 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-tabelalar > .agt-tabela-hucre > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + pahlı ok). */
.agt-tabela-aygit { padding: 10px 10px 14px; }
a.agt-tabela-aygit { display: grid; }
.agt-tabela-aygit .agt-resim-cercevesi { padding: 0; }
.agt-tabela-aygit .agt-resim-cercevesi::before, .agt-tabela-aygit .agt-resim-cercevesi::after { display: none; }
.agt-tabela-aygit img { width: 100%; height: auto; }
.agt-tabela-aygit-bagi { display: block; color: inherit; text-decoration: none; }
.agt-tabela-aygit-taban { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--agt-cizgi-ince); }
.agt-tabela-aygit-taban h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.agt-tabela-aygit-taban p { margin: 2px 0 0; color: var(--agt-gri); font-size: 14px; }
.agt-tabela-aygit-taban::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--agt-grafit) var(--agt-ok-ikon) center / 14px 14px no-repeat; clip-path: var(--agt-pah-dugme); transition: background-color var(--agt-sure) var(--agt-egri); }
.agt-tabela-aygit:hover .agt-tabela-aygit-taban::after, .agt-tabela-aygit-bagi:hover .agt-tabela-aygit-taban::after { background-color: var(--agt-limon); }
.agt-tabela-aygit:hover, li.agt-tabela-aygit:focus-within { --p-kenar: var(--agt-grafit); }
.agt-aygit-sira-no { margin-right: 8px; font-family: var(--agt-f-sayi); font-size: 13px; font-weight: 700; color: var(--agt-limon); font-variant-numeric: tabular-nums; }
.agt-tabela-aygit--delikli { display: grid; grid-template-rows: auto 1fr auto; }
.agt-tabela-aygit-islem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--agt-cizgi-ince); font-size: 14px; }
.agt-tabela-aygit-islem a { color: var(--agt-gri); text-decoration: none; }
.agt-tabela-aygit-islem a:hover { color: var(--agt-grafit); text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-tabela-aygit-islem .agt-tabela-aygit-istek { display: inline-flex; align-items: center; gap: 4px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); }
.agt-tabela-aygit-islem .agt-tabela-aygit-istek:hover { color: var(--agt-limon); }
@media (max-width: 719px) {
  .agt-tabelalar--aygit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .agt-tabelalar--aygit .agt-tabela-aygit { padding: 6px 6px 10px; }
  .agt-tabelalar--aygit .agt-tabela-aygit-taban { padding: 8px 2px 0; }
  .agt-tabelalar--aygit .agt-tabela-aygit-taban::after { display: none; }
  .agt-tabelalar--aygit .agt-tabela-aygit-taban h3 { font-size: 15px; }
  .agt-tabelalar--aygit .agt-tabela-aygit-taban p { font-size: 13px; }
  .agt-tabelalar--aygit .agt-tabela-aygit-islem { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: çelik, sağ üstü pahlı, köşe imli; yapışkan DEĞİL. */
.agt-kenar-tabela { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); padding: 24px; min-width: 0; }
.agt-kenar-tabela-baslik { margin: 0 0 12px; font-size: 19px; }
.agt-kenar-tabela dl { margin: 0; }
.agt-kenar-tabela dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--agt-cizgi); }
.agt-kenar-tabela dt { font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--agt-gri); }
.agt-kenar-tabela dd { margin: 0; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.agt-kenar-tabela .agt-tarif-tabelasi > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.agt-kenar-tabela .agt-tarif-tabelasi dd { font-family: var(--agt-f-govde); font-weight: 400; text-align: left; color: var(--agt-metin); }
.agt-kenar-tabela > .agt-kose-dugme { margin-top: var(--agt-a4); }
.agt-kenar-tabela-notu { margin: var(--agt-a4) 0 0; color: var(--agt-gri); font-size: 14px; }

/* --- §08 İş plakası (süreç, imza): tek pahlı plakada alanlar ---------------- */
.agt-is-tabelasi { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 1px; list-style: none; }
/* Alanların zemini (etkin alan çelik) pahı örtmesin: öğe kesilir, kenar ve pah çizgisi alanların ÜSTÜNDE. */
.agt-is-tabelasi { --p-zemin: transparent; background: var(--agt-beyaz); clip-path: var(--agt-pah-kart); }
.agt-is-tabelasi::before { z-index: 1; }
@media (min-width: 900px) { .agt-is-tabelasi:not(.agt-is-tabelasi--dikey) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.agt-is-alani { position: relative; padding: 18px 20px 22px; min-width: 0; }
.agt-is-alani + .agt-is-alani { border-top: 1px solid var(--agt-cizgi); }
@media (min-width: 900px) { .agt-is-tabelasi:not(.agt-is-tabelasi--dikey) > .agt-is-alani + .agt-is-alani { border-top: 0; border-left: 1px solid var(--agt-cizgi); } }
.agt-is-alani small { display: block; margin-bottom: 10px; font-family: var(--agt-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--agt-gri); }
.agt-is-alani h3 { margin: 0 0 6px; font-size: 19px; }
.agt-is-alani p { margin: 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-is-alani--simdi { background: var(--agt-celik); }
.agt-is-alani--simdi small { color: var(--agt-limon); }
.agt-is-alani--simdi::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--agt-limon); clip-path: inset(0 round 4px); }
.agt-is-tabelasi--dikey { margin: var(--agt-a5) 0; }
.agt-is-tabelasi--dikey .agt-is-alani { padding: 14px 18px 16px; }
.agt-is-tabelasi--dikey .agt-is-alani small { margin-bottom: 6px; }
.agt-is-tabelasi--dikey .agt-is-alani h3 { font-size: 17px; }
.agt-is-tabelasi--dikey .agt-is-alani small + p { color: var(--agt-metin); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.agt-tabela-hatti { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--agt-f-baslik); font-size: 14px; color: var(--agt-gri); }
.agt-tabela-hatti li + li::before { content: "/"; margin-right: 10px; color: var(--agt-limon); }
.agt-tabela-hatti a { color: var(--agt-gri); text-decoration: none; }
.agt-tabela-hatti a:hover { color: var(--agt-grafit); text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-tabela-hatti [aria-current] { color: var(--agt-grafit); }

/* --- §10 Pahlı etiket (durum), pahlı çip, sık aranan -------------------------- */
.agt-kose-rozet { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; clip-path: inset(0 round 4px); background: var(--agt-celik-2); color: var(--agt-grafit); font-family: var(--agt-f-baslik); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.agt-kose-rozet--kendiniz { background: #e2f0e8; color: var(--agt-yesil); }
.agt-kose-rozet--servis { background: var(--agt-celik-2); color: var(--agt-grafit); }
.agt-kose-rozet--durdur { background: var(--agt-limon); color: var(--agt-limon-ust); }
.agt-yogun-tabelalar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.agt-kose-cip { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--agt-celik); color: var(--agt-grafit); font-size: 14.5px; text-decoration: none; clip-path: inset(0 round 4px); transition: background-color var(--agt-sure) var(--agt-egri); }
a.agt-kose-cip:hover { background: var(--agt-celik-3); color: var(--agt-grafit); }
a.agt-kose-cip:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-tabela-dilimi--metal .agt-kose-cip, .agt-tabela-hucre--metal .agt-kose-cip { background: var(--agt-beyaz); }
.agt-yogun-aranan-satiri { display: grid; gap: 8px; margin-top: var(--agt-a5); }
.agt-yogun-aranan-satiri > span { font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; color: var(--agt-gri); }

/* --- §11 Kod plakası ------------------------------------------------------ */
.agt-ariza-tabelasi { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-ariza-tabelasi caption { padding: 0 0 10px; text-align: left; font-family: var(--agt-f-baslik); font-size: 13.5px; font-weight: 600; color: var(--agt-gri); }
.agt-ariza-tabelasi th, .agt-ariza-tabelasi td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--agt-cizgi-ince); overflow-wrap: anywhere; }
.agt-ariza-tabelasi thead th { background: var(--agt-grafit); color: var(--agt-beyaz); font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.agt-ariza-tabelasi tbody tr:last-child > * { border-bottom: 0; }
.agt-ariza-tabelasi td b { display: block; font-weight: 600; color: var(--agt-grafit); }
.agt-ariza-tabelasi td b + span { display: block; color: var(--agt-gri); font-size: 14px; }
.agt-ariza-tabelasi tr:target > td { background: var(--agt-celik); }
.agt-ariza-tabelasi tr[hidden] { display: none; }
.agt-ariza-hucresi { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--agt-celik); color: var(--agt-grafit); font-family: var(--agt-f-sayi); font-size: 18px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; clip-path: inset(0 round 4px); transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
a.agt-ariza-hucresi:hover { background: var(--agt-grafit); color: var(--agt-beyaz); }
a.agt-ariza-hucresi:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
@media (max-width: 719px) {
  .agt-ariza-tabelasi thead { display: none; }
  .agt-ariza-tabelasi tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--agt-cizgi-ince); }
  .agt-ariza-tabelasi tbody tr:last-child { border-bottom: 0; }
  .agt-ariza-tabelasi td { padding: 2px 0; border: 0; }
  .agt-ariza-tabelasi td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.agt-ariza-tabelasi--tam td:first-child { width: 1%; white-space: nowrap; }
.agt-ariza-tabelasi--tam td p { margin: 0 0 6px; max-width: 64ch; }
.agt-ariza-tabelasi--tam td strong { font-weight: 700; color: var(--agt-grafit); }
.agt-ariza-gorulen { color: var(--agt-gri); }
.agt-ariza-acilir-ayrinti { margin-top: 8px; }
.agt-ariza-acilir-ayrinti > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--agt-grafit); clip-path: var(--agt-pah-dugme); font-family: var(--agt-f-baslik); font-size: 14px; font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
.agt-ariza-acilir-ayrinti > summary::-webkit-details-marker { display: none; }
.agt-ariza-acilir-ayrinti > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
.agt-ariza-acilir-ayrinti > summary:hover { background: var(--agt-grafit); color: var(--agt-beyaz); }
.agt-ariza-acilir-ayrinti[open] { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); margin-top: 10px; padding: 12px 16px 8px; }
.agt-ariza-acilir-ayrinti[open] > summary { min-height: 34px; padding: 0; box-shadow: none; clip-path: none; background: none; color: var(--agt-grafit); }
.agt-ariza-acilir-ayrinti[open] > summary::after { transform: rotate(180deg); }
.agt-ariza-acilir-ayrinti h3 { margin: var(--agt-a3) 0 0; font-size: 15px; }
.agt-ariza-acilir-ayrinti .agt-akis-satiri { min-height: 40px; padding-block: 6px; font-size: 15px; }
.agt-ariza-elek-tabelasi { max-width: 520px; }
.agt-ariza-elek-tabelasi .agt-saha-aciklama { min-height: 1.5em; margin-top: 8px; }
.agt-ariza-tabelasi--marka td:first-child a { text-decoration: none; }
.agt-ariza-tabelasi--marka td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-ariza-tabelasi--marka .agt-yogun-tabelalar { gap: 6px; }
.agt-ariza-tabelasi--marka td:last-child, .agt-ariza-tabelasi--marka tbody th:last-child { text-align: right; color: var(--agt-gri); }
@media (max-width: 719px) {
  .agt-ariza-tabelasi--marka tr { grid-template-columns: minmax(0, 1fr) auto; }
  .agt-ariza-tabelasi--marka td:first-child { grid-row: auto; }
  .agt-ariza-tabelasi--marka td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .agt-ariza-tabelasi--tam td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.agt-model-cetveli { width: 100%; border-collapse: collapse; font-size: var(--agt-y-kucuk); box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-model-cetveli th, .agt-model-cetveli td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--agt-cizgi-ince); overflow-wrap: anywhere; }
.agt-model-cetveli thead th { background: var(--agt-celik-2); color: var(--agt-grafit); font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.agt-model-cetveli tbody th { font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); border-right: 1px solid var(--agt-cizgi-ince); }
.agt-model-cetveli tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .agt-model-cetveli--dar thead { display: none; }
  .agt-model-cetveli--dar tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--agt-cizgi-ince); }
  .agt-model-cetveli--dar tbody tr:last-child { border-bottom: 0; }
  .agt-model-cetveli--dar td, .agt-model-cetveli--dar tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Sofia Sans) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.agt-tarif-tabelasi { margin: 0; font-size: var(--agt-y-kucuk); }
.agt-tarif-tabelasi > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--agt-cizgi-ince); }
.agt-tarif-tabelasi > div:first-child { padding-top: 0; border-top: 0; }
.agt-tarif-tabelasi dt { font-family: var(--agt-f-baslik); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--agt-gri); }
.agt-tarif-tabelasi dd { margin: 0; color: var(--agt-metin); overflow-wrap: anywhere; }
@media (max-width: 559px) { .agt-tarif-tabelasi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Soru plakası (SSS), katlanan plaka --------------------------------- */
.agt-soru-tabelasi { box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-soru-tabela-satiri + .agt-soru-tabela-satiri { border-top: 1px solid var(--agt-cizgi); }
.agt-soru-tabela-satiri summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--agt-f-baslik); font-size: 17px; font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
.agt-soru-tabela-satiri summary::-webkit-details-marker { display: none; }
.agt-soru-tabela-satiri summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--agt-grafit); -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
.agt-soru-tabela-satiri summary:hover { background: var(--agt-celik); }
.agt-soru-tabela-satiri[open] { background: var(--agt-celik); }
.agt-soru-tabela-satiri[open] summary::after { transform: rotate(180deg); background: var(--agt-limon); }
.agt-soru-tabela-satiri > div { padding: 0 18px 16px; color: var(--agt-metin); }
.agt-soru-tabela-satiri > div p { margin: 0 0 10px; }
.agt-soru-tabela-satiri > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .agt-soru-tabelasi--iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .agt-soru-tabelasi--iki .agt-soru-tabela-satiri { box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
  .agt-soru-tabelasi--iki .agt-soru-tabela-satiri + .agt-soru-tabela-satiri { border-top: 0; }
}
.agt-katlanan-tabela { border-top: 1px solid var(--agt-cizgi-ince); }
.agt-katlanan-tabela > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.agt-katlanan-tabela > summary::-webkit-details-marker { display: none; }
.agt-katlanan-tabela > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.agt-katlanan-tabela > summary small { font-family: var(--agt-f-sayi); font-size: 14px; font-weight: 600; color: var(--agt-gri-2); font-variant-numeric: tabular-nums; }
.agt-katlanan-tabela > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--agt-grafit); -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
.agt-katlanan-tabela[open] > summary::after { transform: rotate(180deg); background: var(--agt-limon); }
.agt-katlanan-tabela > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-katlanan-tabela > p { margin: 0 0 8px; color: var(--agt-gri); }
.agt-katlanan-tabela > .agt-serit-akisi { margin-bottom: var(--agt-a3); }
.agt-tabela-hucre > .agt-katlanan-tabela:first-of-type { margin-top: var(--agt-a3); }

/* --- §13 Form ------------------------------------------------------------- */
.agt-tabela-formu { display: grid; gap: var(--agt-a5); min-width: 0; }
.agt-basvuru-bolumu { display: grid; gap: 14px; min-width: 0; }
.agt-basvuru-bolumu + .agt-basvuru-bolumu { padding-top: var(--agt-a5); border-top: 1px solid var(--agt-cizgi-ince); }
.agt-bolum-adi { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.agt-bolum-adi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-bolum-adi b { font-family: var(--agt-f-baslik); font-size: 17px; font-weight: 600; color: var(--agt-grafit); }
.agt-bolum-adi small { color: var(--agt-gri); font-size: 14px; }
.agt-sahalar-kenar-yana { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .agt-sahalar-kenar-yana { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agt-sahalar-kenar-yana > .agt-tabela-alani--tam, .agt-sahalar-kenar-yana > .agt-onay-satiri { grid-column: 1 / -1; } }
.agt-tabela-alani { display: grid; gap: 6px; min-width: 0; align-content: start; }
.agt-tabela-alani > label, .agt-saha-basligi { font-family: var(--agt-f-baslik); font-size: 14px; font-weight: 600; color: var(--agt-grafit); }
.agt-tabela-alani label small { font-family: var(--agt-f-govde); font-weight: 400; color: var(--agt-gri); }
.agt-tabela-alani input, .agt-tabela-alani select, .agt-tabela-alani textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--agt-beyaz); color: var(--agt-grafit); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--agt-cizgi-sert); clip-path: var(--agt-pah-dugme); -webkit-appearance: none; appearance: none; transition: box-shadow var(--agt-sure) var(--agt-egri); }
.agt-tabela-alani textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.agt-tabela-alani select { padding-right: 44px; background: var(--agt-beyaz) right 14px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312161C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.agt-tabela-alani select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.agt-tabela-alani input::placeholder, .agt-tabela-alani textarea::placeholder { color: var(--agt-gri-2); }
.agt-tabela-alani input:hover, .agt-tabela-alani select:hover, .agt-tabela-alani textarea:hover { box-shadow: inset 0 0 0 1.5px var(--agt-grafit); }
.agt-tabela-alani input:focus-visible, .agt-tabela-alani select:focus-visible, .agt-tabela-alani textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-tabela-alani input[type="date"], .agt-tabela-alani input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.agt-tabela-alani input[type="date"]::-webkit-calendar-picker-indicator, .agt-tabela-alani input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.agt-tabela-alani input[type="file"] { padding: 10px 12px; }
.agt-tabela-alani input[type="file"]::file-selector-button { margin-right: var(--agt-a3); min-height: 34px; padding: 0 14px; border: 0; background: var(--agt-grafit); color: var(--agt-beyaz); font: inherit; font-family: var(--agt-f-baslik); font-weight: 600; clip-path: inset(0 round 4px); cursor: pointer; }
.agt-tabela-alani--hatali input, .agt-tabela-alani--hatali select, .agt-tabela-alani--hatali textarea { background-color: var(--agt-limon-acik); box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-saha-aciklama { margin: 0; color: var(--agt-gri); font-size: 13.5px; }
.agt-saha-hata-satiri { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--agt-limon); font-size: 14px; font-weight: 600; }
.agt-saha-hata-satiri::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-onay-satiri { display: flex; gap: 12px; align-items: flex-start; color: var(--agt-metin); font-size: 15px; cursor: pointer; }
.agt-onay-satiri input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--agt-beyaz); box-shadow: inset 0 0 0 1.5px var(--agt-cizgi-sert); -webkit-appearance: none; appearance: none; cursor: pointer; }
.agt-onay-satiri input:checked { background: var(--agt-limon); box-shadow: none; }
.agt-onay-satiri input:checked::after { content: ""; width: 16px; height: 16px; background: var(--agt-limon-ust); -webkit-mask: var(--agt-m-onay) center / contain no-repeat; mask: var(--agt-m-onay) center / contain no-repeat; }
.agt-onay-satiri input:focus-visible { outline: 2px solid var(--agt-limon); outline-offset: 2px; }
.agt-tabela-alani--hatali.agt-onay-satiri input { box-shadow: inset 0 0 0 2px var(--agt-limon); }
/* Uygun gün: önümüzdeki günler pahlı küçük plakalar (agt.js). */
.agt-gun-tabelalari { display: flex; flex-wrap: wrap; gap: 8px; }
.agt-gun-tabelalari button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--agt-celik); color: var(--agt-gri); font: inherit; font-size: 14px; clip-path: inset(0 round 4px); cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri); }
.agt-gun-tabelalari button b { font-family: var(--agt-f-sayi); font-size: 16px; font-weight: 700; color: var(--agt-grafit); font-variant-numeric: tabular-nums; }
.agt-gun-tabelalari button:hover { background: var(--agt-celik-3); }
.agt-gun-tabelalari button[aria-pressed="true"] { background: var(--agt-grafit); color: var(--agt-gri-acik); }
.agt-gun-tabelalari button[aria-pressed="true"] b { color: var(--agt-beyaz); }
.agt-gun-tabelalari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-basvuru-gonder-satiri { display: grid; gap: var(--agt-a3); }
.agt-basvuru-gonder-satiri p { margin: 0; color: var(--agt-gri); font-size: 14px; }
@media (min-width: 720px) { .agt-basvuru-gonder-satiri .agt-kose-dugme { justify-self: start; min-width: 300px; } }
.agt-gosterge-harici-saha { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* İki yan form: solda etiket, başlık, giriş, dikey iş plakası; sağda form plakası. */
.agt-basvuru-tabela-ikilisi { display: grid; gap: var(--agt-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.agt-basvuru-tabela-ikilisi > * { min-width: 0; }
@media (min-width: 1080px) { .agt-basvuru-tabela-ikilisi { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--agt-a7); } }
.agt-basvuru-aciklamasi h2 { margin: 0 0 var(--agt-a3); font-size: var(--agt-y-1); }
.agt-basvuru-aciklamasi .agt-tabela-girisi { margin-top: 0; }
.agt-basvuru-dipnotu { color: var(--agt-gri); font-size: 14px; }
.agt-basvuru-tabelasi { --p-kenar: var(--agt-cizgi-sert); padding: var(--agt-a6) var(--agt-a5); }
@media (max-width: 719px) { .agt-basvuru-tabelasi { padding: var(--agt-a5) var(--agt-a4); } }

/* --- §14 Plaka notu, uyarı ------------------------------------------------ */
.agt-tabela-notu { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); margin: 0 0 var(--agt-a4); padding: 14px 18px 14px 21px; max-width: none; color: var(--agt-metin); font-size: var(--agt-y-kucuk); }
.agt-tabela-notu::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--agt-grafit); }
.agt-tabela-notu b { display: block; margin-bottom: 2px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); }
.agt-tabela-notu p { margin: 0; }
.agt-tabela-notu:last-child { margin-bottom: 0; }
.agt-tabela-notu--uyari { --p-zemin: var(--agt-limon-acik); --p-kenar: var(--agt-limon-acik); }
.agt-tabela-notu--uyari::after { background: var(--agt-limon); }
.agt-tabela-notu--uyari b { color: var(--agt-limon); }
.agt-tabela-notu--tamam::after { background: var(--agt-yesil); }
.agt-tabela-notu--tamam b { color: var(--agt-yesil); }

/* --- §15 Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.agt-belge-tabelasi { padding-top: var(--agt-a6); }
.agt-belge-tabelasi-orta { display: grid; gap: var(--agt-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.agt-belge-tabelasi-orta > * { min-width: 0; }
.agt-belge-tabelasi-orta h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .agt-belge-tabelasi-orta { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--agt-a8); } }
.agt-belge-tabelasi-gorsel { display: grid; gap: var(--agt-a3); align-content: center; }
.agt-belge-tabelasi-gorsel:empty { display: none; }
@media (min-width: 1080px) { .agt-belge-tabelasi-orta:has(> .agt-belge-tabelasi-gorsel:empty) { grid-template-columns: minmax(0, 1fr); } }
.agt-belge-tabelasi-omurga > h1 { margin: 0; overflow-wrap: anywhere; }
.agt-belge-tabelasi .agt-gecis-cubugu { margin-top: var(--agt-a6); }
.agt-belge-tabelasi .agt-kose-islemleri { margin-top: var(--agt-a5); }
/* Çizim plakası: sağ üstü 28 px pahlı beyaz plaka, pahta 20 px köşe imi. */
.agt-resim-cercevesi { --p-pah: 28px; --p-imi: 20px; display: block; padding: 14px; }
.agt-resim-cercevesi img { width: 100%; height: auto; }
.agt-resim-cercevesi picture { display: block; }
.agt-belge-tabelasi-gorsel > .agt-resim-cercevesi { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .agt-belge-tabelasi-gorsel > .agt-resim-cercevesi { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.agt-giris-dilimi { padding-top: var(--agt-a6); }
@media (min-width: 1080px) { .agt-giris-dilimi { padding-top: var(--agt-a8); } }
.agt-giris-tabelasi { display: grid; gap: var(--agt-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.agt-giris-tabelasi > * { min-width: 0; }
@media (min-width: 1080px) { .agt-giris-tabelasi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--agt-a8); } }
.agt-giris-metni .agt-kose-islemleri { margin-top: var(--agt-a5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.agt-ilke-tabelasi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--agt-a5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-ilke-tabelasi li { padding: 12px 14px; color: var(--agt-grafit); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.agt-ilke-tabelasi li + li { border-left: 1px solid var(--agt-cizgi); }
.agt-ilke-tabelasi small { display: block; margin-bottom: 4px; font-family: var(--agt-f-baslik); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--agt-limon); }
@media (max-width: 419px) { .agt-ilke-tabelasi li { padding: 10px; font-size: 13.5px; } }
.agt-ilk-tabela { --p-pah: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.agt-ilk-tabela figcaption { margin-top: 12px; }
.agt-kose-delikli { position: relative; }
.agt-kose-delikli picture { display: block; }
.agt-kose-delikli img { display: block; width: 100%; height: auto; }
.agt-no-katmani { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.agt-kose-no { transition: opacity var(--agt-sure) var(--agt-egri); }
.agt-no-zemin { fill: var(--agt-grafit); }
.agt-no-damga { fill: var(--agt-limon); }
.agt-kose-no text { fill: #fffdf8; font-family: var(--agt-f-baslik); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.agt-kose-no--secili .agt-no-zemin { fill: var(--agt-limon); }
.agt-kose-no--secili .agt-no-damga { fill: var(--agt-grafit); }
.agt-no-katmani:has(.agt-kose-no--secili) .agt-kose-no:not(.agt-kose-no--secili) { opacity: 0.3; }
.agt-tabela-aygit--delikli .agt-kose-no { opacity: 0; }
.agt-tabela-aygit--delikli:hover .agt-kose-no, .agt-tabela-aygit--delikli:focus-within .agt-kose-no { opacity: 1; }
@media (hover: none) { .agt-tabela-aygit--delikli .agt-kose-no { opacity: 1; } }
.agt-bilesen-cetveli-basi { display: block; margin-bottom: 8px; font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; color: var(--agt-gri); }
.agt-bilesen-cetveli { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--agt-cizgi); font-size: 14px; }
@media (min-width: 420px) { .agt-bilesen-cetveli { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agt-bilesen-cetveli li:nth-child(odd) { border-right: 1px solid var(--agt-cizgi-ince); } }
.agt-bilesen-cetveli li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--agt-cizgi-ince); color: var(--agt-metin); }
.agt-bilesen-cetveli b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--agt-grafit); color: var(--agt-beyaz); font-family: var(--agt-f-baslik); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; clip-path: inset(0 round 4px); }

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.agt-taban-tabela { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--agt-kenar) calc(10px + env(safe-area-inset-bottom)); background: var(--agt-beyaz); border-top: 1px solid var(--agt-cizgi); transition: transform var(--agt-sure) var(--agt-egri); }
.agt-taban-tabela::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--agt-grafit); }
.agt-taban-tabela > .agt-kose-dugme { flex: 1; min-width: 0; }
.agt-taban-tabela > .agt-taban-tabela-tel { flex: 0 0 auto; padding-inline: 18px; }
.agt-taban-tabela--gizli { transform: translateY(calc(100% + 8px)); }
body.agt-taban-tabelali { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .agt-taban-tabela { display: none; } body.agt-taban-tabelali { padding-bottom: 0; } }

/* --- §17 Çelik altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.agt-metal-dip { position: relative; margin-top: var(--agt-bolum); padding: var(--agt-a4) 0 var(--agt-a5); background: var(--agt-celik); border-top: 1px solid var(--agt-cizgi); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; font-size: 13.5px; color: var(--agt-gri); }
.agt-metal-dip::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--agt-grafit); }
.agt-son-tabela-dilimi + .agt-metal-dip { margin-top: var(--agt-bolum); }
.agt-metal-dip-izgara { display: grid; gap: var(--agt-a6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .agt-metal-dip-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .agt-metal-dip-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.agt-dip-kimlik { grid-column: 1 / -1; }
.agt-dip-kimlik > a img { height: 28px; width: auto; margin-bottom: var(--agt-a4); }
.agt-dip-kimlik > p { max-width: 42ch; color: var(--agt-metin); font-size: var(--agt-y-kucuk); }
.agt-dip-iletisim { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.agt-dip-iletisim a { color: var(--agt-grafit); text-decoration-color: var(--agt-cizgi-sert); }
.agt-dip-iletisim .agt-sabit-hane { font-family: var(--agt-f-baslik); font-size: 19px; font-weight: 600; text-decoration: none; }
.agt-dip-dizin { min-width: 0; }
.agt-dip-dizin > nav + nav { margin-top: var(--agt-a5); }
.agt-dip-dizin h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.agt-dip-dizin ul { margin: 0; padding: 0; list-style: none; }
.agt-dip-dizin a, .agt-dip-dizin button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--agt-metin); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.agt-dip-dizin a:hover, .agt-dip-dizin button:hover { color: var(--agt-limon); }
.agt-dip-kucuk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--agt-a6); padding-top: var(--agt-a4); border-top: 1px solid var(--agt-cizgi); }
.agt-dip-kucuk > a { margin-right: 4px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); text-decoration: none; }
.agt-dip-kucuk ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.agt-dip-kucuk ul a { color: var(--agt-gri); text-decoration: none; }
.agt-dip-kucuk ul a:hover { color: var(--agt-grafit); }
/* Hukuki satır: tek satırda bağlantılar (kart yok, tek çizgi). */
.agt-dip-yasal { margin-top: var(--agt-a5); padding-top: var(--agt-a4); border-top: 1px solid var(--agt-cizgi); }
.agt-dip-yasal ul { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.agt-dip-yasal a, .agt-dip-yasal button { padding: 0; border: 0; background: none; color: var(--agt-gri); font: inherit; text-decoration: none; cursor: pointer; }
.agt-dip-yasal a:hover, .agt-dip-yasal button:hover { color: var(--agt-grafit); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.agt-model-rozeti { --p-kenar: var(--agt-cizgi-sert); display: flex; flex-wrap: wrap; margin: var(--agt-a6) 0 0; padding: 1px; font-size: 13.5px; }
.agt-model-rozeti > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--agt-cizgi-ince), 0 -1px 0 var(--agt-cizgi-ince); }
.agt-model-rozeti dt { margin-bottom: 4px; font-family: var(--agt-f-baslik); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--agt-gri); }
.agt-model-rozeti dd { margin: 0; color: var(--agt-metin); overflow-wrap: anywhere; }
.agt-model-rozeti-beyan { flex-basis: 100% !important; }
.agt-dip-beyan { color: var(--agt-gri); }
.agt-metal-dip p { margin: 0; }
.agt-metal-dip a { color: var(--agt-gri); }
.agt-metal-dip nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.agt-sayici-satiri b { font-family: var(--agt-f-sayi); font-weight: 700; color: var(--agt-grafit); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — grafit, 28 px pah, pahta açık limon köşe imi. */
.agt-son-tabela { --p-zemin: var(--agt-grafit); --p-kenar: var(--agt-grafit); background: var(--agt-grafit); --p-pah: 28px; --p-imi: 20px; --p-imi-renk: var(--agt-limon-isik); display: grid; gap: var(--agt-a5); align-items: center; padding: 30px 24px; color: var(--agt-gri-acik); }
@media (min-width: 900px) { .agt-son-tabela { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.agt-son-tabela h2 { margin: 0 0 8px; color: var(--agt-beyaz); }
.agt-son-tabela p { margin: 0; color: var(--agt-gri-acik); }
.agt-son-tabela .agt-isaretli-rozet { margin-bottom: 10px; color: var(--agt-gri-acik); }
.agt-son-tabela .agt-isaretli-rozet::before { background: var(--agt-limon-isik); }
.agt-son-tabela .agt-kose-dugme--limon:focus-visible, .agt-son-tabela .agt-kose-dugme--koyu:focus-visible { box-shadow: inset 0 0 0 3px var(--agt-beyaz), inset 0 0 0 5px var(--agt-grafit); }
/* Ara plaka (sayfa ortası tek satır çağrı): çelik, köşe imli. */
.agt-bul-tabela { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); display: grid; gap: var(--agt-a4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .agt-bul-tabela { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.agt-bul-tabela p { margin: 0; color: var(--agt-gri); }
.agt-bul-tabela b { display: block; font-family: var(--agt-f-baslik); font-size: var(--agt-y-3); color: var(--agt-grafit); }
/* Çerez plakası: alt plakanın üstünde yüzen beyaz plaka. */
.agt-cerez-tabelasi { --p-kenar: var(--agt-cizgi-sert); position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 90; max-width: 760px; margin-inline: auto; padding: var(--agt-a4) var(--agt-a5); }
.agt-cerez-tabelasi p { margin: 0 0 12px; max-width: none; color: var(--agt-metin); font-size: 14px; }
/* Dar ekran: çerez plakası ekranın yaklaşık altıda biri (390 px'te ~140 px). */
@media (max-width: 719px) {
  .agt-cerez-tabelasi { left: 6px; right: 6px; bottom: calc(6px + env(safe-area-inset-bottom)); padding: 10px 12px; }
  .agt-cerez-tabelasi p { margin: 0 0 8px; font-size: 13px; line-height: 1.4; }
  .agt-cerez-tabelasi .agt-kose-islemleri { flex-wrap: nowrap; gap: 8px; }
  .agt-cerez-tabelasi .agt-kose-dugme--kucuk { flex: 1 1 0; min-height: 38px; padding: 0 10px; font-size: 14px; }
}

/* --- §18 Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.agt-olcek-satiri { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.agt-olcek-satiri > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.agt-olcek-satiri > div + div { box-shadow: -1px 0 0 var(--agt-cizgi); }
.agt-olcek-satiri dd { margin: 0; font-size: var(--agt-y-dev); }
.agt-olcek-satiri dt { font-family: var(--agt-f-baslik); font-size: var(--agt-y-etiket); font-weight: 600; color: var(--agt-gri); }
.agt-hat-tabelasi { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); display: grid; gap: 6px; padding: 22px; }
.agt-hat-tabelasi .agt-isaretli-rozet { margin: 0; }
.agt-hat-tabelasi .agt-olcek-rakami { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.agt-hat-tabelasi .agt-olcek-rakami:hover { color: var(--agt-limon); }
.agt-hat-tabelasi p { margin: 0; color: var(--agt-gri); font-size: 14px; }
.agt-giris-maddeleri .agt-akis-satiri { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--agt-metin); }
.agt-giris-maddeleri .agt-akis-satiri::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-logo-tabelasi { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--agt-a4); padding: var(--agt-a5); }
.agt-logo-tabelasi--koyu { --p-zemin: var(--agt-grafit); --p-kenar: var(--agt-grafit); }
.agt-logo-tabelasi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.agt-yer-tabelasi { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--agt-a5); text-align: center; overflow: hidden; }
.agt-yer-tabelasi .agt-kose-islemleri { justify-content: center; }
.agt-yer-tabelasi iframe { width: 100%; height: 100%; border: 0; }
.agt-yer-tabelasi--acik { padding: 0; }
.agt-yer-tabelasi--acik > div { display: none; }
@media (min-width: 720px) { .agt-yer-tabelasi { aspect-ratio: 16 / 9; } }
.agt-yer-tabelasi-adres { color: var(--agt-metin); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.agt-not-tabelasi { margin: 0; }
.agt-not-tabelasi blockquote { margin: 0 0 var(--agt-a3); }
.agt-not-tabelasi figcaption { color: var(--agt-gri); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.agt-isim-akisi { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--agt-metin); font-size: var(--agt-y-kucuk); line-height: 1.9; }
.agt-isim-akisi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--agt-gri-2); }

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.agt-serit-akisi { margin: 0; padding: 0; list-style: none; }
.agt-akis-satiri { display: flex; align-items: center; gap: var(--agt-a3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--agt-cizgi-ince); }
.agt-akis-satiri:first-child { border-top: 0; }
.agt-akis-satiri > a { flex: 1; min-width: 0; color: var(--agt-grafit); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.agt-akis-satiri > a:hover { text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-akis-satiri small { flex: 0 1 auto; min-width: 0; color: var(--agt-gri); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.agt-akis-satiri:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--agt-gri-2); -webkit-mask: var(--agt-m-ok) center / contain no-repeat; mask: var(--agt-m-ok) center / contain no-repeat; }
.agt-akis-satiri:has(> a:hover)::after { background: var(--agt-limon); }
.agt-akis-satiri > span { flex: 1; min-width: 0; }
.agt-serit-akisi:not(.agt-serit-akisi--sutunlu, .agt-giris-maddeleri) > .agt-akis-satiri > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--agt-grafit); clip-path: var(--agt-imi); }
.agt-serit-aciklamasi { display: inline-block; width: 100%; margin-top: 2px; color: var(--agt-gri); font-size: 14px; font-weight: 400; }
.agt-serit-akisi--sutunlu { columns: 1; column-gap: var(--agt-a6); }
.agt-serit-akisi--sutunlu .agt-akis-satiri { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--agt-cizgi-ince); }
.agt-serit-akisi--dortlu { columns: 2; column-gap: var(--agt-a4); }
@media (max-width: 559px) { .agt-serit-akisi--dortlu small { display: none; } }
@media (min-width: 560px) { .agt-serit-akisi--sutunlu { columns: 2; } }
@media (min-width: 1080px) {
  .agt-serit-akisi--sutunlu { columns: 3; }
  .agt-serit-akisi--dortlu { columns: 4; }
  .agt-cift-sol .agt-serit-akisi--sutunlu, .agt-tabelalar > .agt-tabela-hucre .agt-serit-akisi--sutunlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.agt-isim-elegi { max-width: 360px; margin-bottom: var(--agt-a4); }
.agt-harf-bolmeleri { columns: 1; column-gap: var(--agt-a6); }
@media (min-width: 560px) { .agt-harf-bolmeleri { columns: 2; } }
@media (min-width: 1080px) { .agt-harf-bolmeleri { columns: 4; } }
.agt-harf-bolumu { break-inside: avoid; margin-bottom: var(--agt-a4); }
.agt-harf-bolumu .agt-isaretli-rozet { margin: 0; color: var(--agt-grafit); font-size: 15px; }
.agt-harf-bolumu .agt-akis-satiri { min-height: 44px; padding-block: 6px; }
.agt-harf-bolumu .agt-akis-satiri small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + limon alt çizgi. */
.agt-gecis-cubugu { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--agt-a4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--agt-celik-2); clip-path: var(--agt-pah-dugme); }
.agt-gecis-cubugu::-webkit-scrollbar { display: none; }
.agt-gecis-cubugu a, .agt-gecis-cubugu button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--agt-gri); font: inherit; font-family: var(--agt-f-baslik); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
.agt-gecis-cubugu a:hover, .agt-gecis-cubugu button:hover { color: var(--agt-grafit); background: var(--agt-celik-3); }
.agt-gecis-cubugu [aria-selected="true"], .agt-gecis-cubugu [aria-current="true"] { background: var(--agt-beyaz); color: var(--agt-grafit); font-weight: 600; box-shadow: inset 0 -2px 0 var(--agt-limon); }
.agt-gecis-cubugu a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-gecis-cubugu sup { font-family: var(--agt-f-sayi); font-size: 12px; color: var(--agt-gri-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.agt-gecis-cubugu[data-az-harfler] { margin-top: 0; }
.agt-gecis-cubugu[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.agt-gecis-tabelasi[hidden] { display: none; }
.agt-gecis-tabelasi:focus-visible { outline-offset: 4px; }

/* ==========================================================================
   §20 SAYFA AİLELERİ (TASARIM-SISTEMI §08): ana sayfa bölümleri, cihaz,
   bölge, marka, hata kodu. Burada yalnız aileye özgü ekler.
   ========================================================================== */
/* Arıza bulucu (ana sayfa): JS yoksa gizli (aynı belirtiler cihaz sayfalarında). */
html:not(.agt-komut) .agt-bulucu-dilimi { display: none; }
.agt-bulgu-tabelasi { display: grid; gap: var(--agt-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.agt-bulgu-tabelasi > * { min-width: 0; }
@media (min-width: 900px) { .agt-bulgu-tabelasi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.agt-bulgu-tabelasi > .agt-resim-cercevesi { max-width: 420px; justify-self: center; width: 100%; }
.agt-bulgu-soru-satiri { margin: 0 0 var(--agt-a3); font-family: var(--agt-f-baslik); font-size: var(--agt-y-3); font-weight: 600; color: var(--agt-grafit); }
.agt-bulgu-dugme-dizisi { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.agt-bulgu-dugme-dizisi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--agt-celik); color: var(--agt-metin); font: inherit; font-size: 15px; text-align: left; clip-path: var(--agt-pah-dugme); cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri), box-shadow var(--agt-sure) var(--agt-egri); }
.agt-bulgu-dugme-dizisi button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--agt-grafit); color: var(--agt-beyaz); font-family: var(--agt-f-sayi); font-size: 12px; font-weight: 700; clip-path: inset(0 round 4px); }
.agt-bulgu-dugme-dizisi button:hover { background: var(--agt-celik-3); color: var(--agt-grafit); }
.agt-bulgu-dugme-dizisi button[aria-pressed="true"] { background: var(--agt-beyaz); color: var(--agt-grafit); box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-bulgu-dugme-dizisi button[aria-pressed="true"] span { background: var(--agt-limon); }
.agt-bulgu-dugme-dizisi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-grafit); }
.agt-bulgu-durumu { min-height: 3em; margin: var(--agt-a4) 0; color: var(--agt-gri); font-size: 14px; }
.agt-bulgu-durumu b { color: var(--agt-grafit); }
/* Neden AssistGrup.tr: dört plaka + katlanır fark dökümü. */
.agt-sebep-tabelalari h3 { margin: var(--agt-a3) 0 6px; }
.agt-sebep-tabelalari p { margin: 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-kose-simge { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--agt-celik); color: var(--agt-grafit); clip-path: inset(0 round 4px); }
.agt-fark-akisi { padding: 18px 22px; }
.agt-fark-akisi summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
.agt-fark-akisi summary::-webkit-details-marker { display: none; }
.agt-fark-akisi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--agt-grafit); -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
.agt-fark-akisi[open] summary::after { transform: rotate(180deg); background: var(--agt-limon); }
.agt-fark-akisi dl { display: grid; margin: var(--agt-a4) 0 0; }
.agt-fark-akisi dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--agt-cizgi-ince); }
@media (min-width: 720px) { .agt-fark-akisi dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.agt-fark-akisi dt { color: var(--agt-gri); text-decoration: line-through; text-decoration-color: var(--agt-cizgi-sert); }
.agt-fark-akisi dd { margin: 0; color: var(--agt-metin); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.agt-kent-tabelasi-basi { display: grid; gap: var(--agt-a5); margin-bottom: var(--agt-a5); }
@media (min-width: 900px) { .agt-kent-tabelasi-basi { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.agt-kent-tabelasi-basi h2 { margin: 0 0 8px; }
.agt-kent-tabelasi-basi p { margin: 0; color: var(--agt-gri); }
.agt-kent-olculeri { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--agt-cizgi-sert); background: var(--agt-beyaz); }
.agt-kent-olculeri div { display: flex; flex-direction: column; padding: 12px 18px; }
.agt-kent-olculeri div + div { border-left: 1px solid var(--agt-cizgi); }
.agt-kent-olculeri dd { margin: 0; font-family: var(--agt-f-sayi); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--agt-grafit); font-variant-numeric: tabular-nums; }
.agt-kent-olculeri dt { margin-top: 6px; font-family: var(--agt-f-baslik); font-size: 12.5px; font-weight: 600; color: var(--agt-gri); }
.agt-kent-akisi { margin-top: var(--agt-a4); }
.agt-kent-akisi summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#kamu-hat + .agt-tabela-gibi { margin-top: var(--agt-bolum); }
.agt-cift-sol > .agt-tabela-hucre > .agt-hucre-basi + .agt-saha-aciklama { margin-top: calc(var(--agt-a3) * -1); }
.agt-cift-sol > .agt-tabela-hucre > p { max-width: 68ch; }
.agt-cift-sol > .agt-tabela-hucre > .agt-tabelalar--aygit { margin-top: var(--agt-a2); }
.agt-tabela-hucre .agt-yogun-aranan-satiri .agt-yogun-tabelalar { margin: 0; }

/* --- Hareket azaltma, yazdırma ------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .agt-tepe-tabela, .agt-taban-tabela, .agt-tabela-gozme, .agt-tabela-gozme-ortusu, .agt-cerez-tabelasi, .agt-son-tabela-dilimi, .agt-bul-tabela, .agt-gecis-cubugu { display: none !important; }
  .agt-gecis-tabelasi[hidden] { display: block !important; }
  .agt-ariza-acilir-ayrinti { display: block; }
  .agt-katlanan-tabela > summary::after { display: none; }
}

/* ==========================================================================
   §40–§41 İL HARİTASI (il ve ilçeler: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Plaka dili: köşe 0, pahlı düğme ve
   seçici, 1 px çizgi, gölge yok; limon YALNIZ üzerine gelinen, odaklanan
   ya da listeden vurgulanan ildedir/ilçededir.
   ========================================================================== */
/* --- §40 Kap ve üst satır: Bütün iller · il seçici · durum --------------- */
.agt-kent-semasi { margin: var(--agt-a4) 0 var(--agt-a6); border-top: 1px solid var(--agt-cizgi); border-bottom: 1px solid var(--agt-cizgi-ince); }
.agt-kent-semasi[hidden] { display: none; }
.agt-kent-semasi-basi { display: flex; flex-wrap: wrap; align-items: end; gap: var(--agt-a3) var(--agt-a4); padding: var(--agt-a3) 0; border-bottom: 1px solid var(--agt-cizgi-ince); }
.agt-kent-semasi-geri { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--agt-beyaz); color: var(--agt-grafit); box-shadow: inset 0 0 0 1.5px var(--agt-grafit); clip-path: var(--agt-pah-dugme); font: 600 15px/1 var(--agt-f-baslik); cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
.agt-kent-semasi-geri[hidden] { display: none; }
.agt-kent-semasi-geri svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.agt-kent-semasi-geri:hover { background: var(--agt-grafit); color: var(--agt-beyaz); }
.agt-kent-semasi-geri:focus-visible, .agt-kent-semasi-kent-kutusu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-kent-semasi-kent { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.agt-kent-semasi-kent label { font-family: var(--agt-f-baslik); font-size: var(--agt-y-etiket); font-weight: 600; color: var(--agt-grafit); }
.agt-kent-semasi-kent-kutusu { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--agt-cizgi-sert); clip-path: var(--agt-pah-dugme); color: var(--agt-metin); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--agt-beyaz) right 12px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312161C' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.agt-kent-semasi-durum { flex: 1 1 100%; margin: 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .agt-kent-semasi-durum { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, limon yalnız etkin alan --- */
.agt-kent-semasi-orta { display: grid; gap: var(--agt-a4); padding-top: var(--agt-a4); }
.agt-kent-semasi-tuval { min-width: 0; transition: opacity var(--agt-sure) var(--agt-egri); }
.agt-kent-semasi-tuval svg { display: block; width: 100%; height: auto; }
.agt-kent-semasi-bolge { fill: var(--agt-celik-2); stroke: var(--agt-beyaz); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--agt-sure) var(--agt-egri); }
.agt-tabela-dilimi--metal .agt-kent-semasi-bolge { fill: var(--agt-beyaz); stroke: var(--agt-cizgi); }
.agt-kent-semasi-bolge:hover, .agt-kent-semasi-bolge:focus, .agt-kent-semasi-bolge.agt-kent-semasi-bolge--vurgu { fill: var(--agt-limon); outline: none; }
.agt-kent-semasi--yukleniyor .agt-kent-semasi-tuval { opacity: 0.4; cursor: progress; }
.agt-kent-semasi-kenar { min-width: 0; border-top: 1px solid var(--agt-cizgi); }
.agt-kent-semasi-kenar[hidden] { display: none; }
.agt-kent-semasi-kenar-basi { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--agt-cizgi-ince); font-family: var(--agt-f-baslik); font-size: 1.125rem; font-weight: 600; }
.agt-kent-semasi-kenar-basi a { color: var(--agt-grafit); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.agt-kent-semasi-kenar-basi a:hover { text-decoration-color: var(--agt-limon); }
.agt-kent-semasi-ilceler { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--agt-oluk); }
.agt-kent-semasi-ilceler li { break-inside: avoid; }
.agt-kent-semasi-ilceler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--agt-cizgi-ince); color: var(--agt-metin); text-decoration: none; }
.agt-kent-semasi-ilceler a:hover, .agt-kent-semasi-ilceler a:focus-visible { outline: none; color: var(--agt-limon); border-bottom-color: var(--agt-limon); }
@media (min-width: 1080px) {
  .agt-kent-semasi--kent-acik .agt-kent-semasi-orta { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .agt-kent-semasi--kent-acik.agt-kent-semasi--dar .agt-kent-semasi-orta { grid-template-columns: minmax(0, 1fr) 240px; }
  .agt-kent-semasi-ilceler { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .agt-kent-semasi-bolge, .agt-kent-semasi-tuval, .agt-kent-semasi-geri { transition: none; } }
@media print { .agt-kent-semasi { display: none !important; } }

/* --- 50 Açık hat katmanı (23 Eki 2026) -------------------------------------
   Sitenin bütün görünümü burada toplanır; yukarıdaki §03–§19 bileşenleri
   yerleşimi verir, bu katman yüzeyi, köşeyi, yazı ağırlığını ve vurguyu.
   Sıra: 50.1 genel · 50.2 düğme ve bağlantı · 50.3 başlık şeridi · 50.4
   kahraman ve talep hattı · 50.5 rakam şeridi · 50.6 ana sayfa bantları ·
   50.7 hizmet kartları · 50.8 adımlar · 50.9 güven ve beyan · 50.10 marka
   ve il çipleri · 50.11 teknik rehber kartları · 50.12 sorular · 50.13
   kapanış bandı · 50.14 iç sayfa bileşenleri · 50.15 koyu altbilgi ·
   50.16 alt şerit, çekmece, çerez. Yeni renk yok: hepsi §01 belirteçleri. */
:root {
  --agt-komur-2: #0f1412;       /* kahraman ve altbilgi dibi (kömürün koyusu) */
  --agt-filiz: #f5f9ef;         /* adımlar bandı: limonun çok açığı */
  --agt-filiz-cizgi: #e2ecd6;
  --agt-sayfa: #f6f8f7;        /* iç sayfaların zemini: beyaz kartlar üstünde açık gri */
  --agt-golge-buyuk: 0 2px 4px rgba(18, 24, 22, .04), 0 22px 44px -22px rgba(18, 24, 22, .28);
  --agt-m-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
  --agt-arti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");
  --agt-eksi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");
  --agt-kenar: 20px;
  --agt-ust-boy: 68px;
}
@media (min-width: 720px) { :root { --agt-kenar: 28px; } }
@media (min-width: 1080px) { :root { --agt-kenar: 40px; --agt-ust-boy: 84px; } }

/* 50.1 Genel: ince çizgili ikonlar yuvarlak uçlu; köşe imleri kalktı. */
body { background: var(--agt-sayfa); }
.agt-vitrin-govdesi .agt-merkez-omurga > .agt-tabela-dilimi:not(.agt-tabela-dilimi--metal, .agt-tabela-dilimi--filiz) { background: var(--agt-beyaz); }
svg[stroke-linecap="square"] { stroke-linecap: round; stroke-linejoin: round; }
.agt-tabela-hucre--isaretli::after, .agt-kenar-tabela::after, .agt-ilk-tabela::after, .agt-model-rozeti::after,
.agt-son-tabela::after, .agt-bul-tabela::after, .agt-resim-cercevesi::after, .agt-hat-tabelasi::after,
.agt-basvuru-tabelasi::after, .agt-cerez-tabelasi::after { display: none; }
::selection { background: var(--agt-limon-isik); color: var(--agt-grafit); }
/* Hap etiket: açık limon zemin, limon yazı (5,38:1). */
.agt-isaretli-rozet { gap: 8px; padding: 5px 12px; border-radius: 999px; background: var(--agt-limon-acik); color: var(--agt-limon); font-size: 13px; font-weight: 700; letter-spacing: 0.01em; }
.agt-isaretli-rozet::before { display: none; }
.agt-tabela-hucre--metal > .agt-isaretli-rozet, .agt-tabela-dilimi--metal .agt-isaretli-rozet { background: var(--agt-beyaz); box-shadow: inset 0 0 0 1px var(--agt-filiz-cizgi); }
.agt-tabela-notu::after { background: var(--agt-limon); border-radius: 3px 0 0 3px; }
.agt-tabela-notu--uyari { --p-zemin: var(--agt-limon-acik); --p-kenar: var(--agt-filiz-cizgi); }
.agt-kose-rozet, .agt-kose-cip, .agt-ariza-hucresi, .agt-kose-simge, .agt-gun-tabelalari button, .agt-bulgu-dugme-dizisi button span, .agt-bilesen-cetveli b { clip-path: none; border-radius: var(--agt-pah-kucuk); }
.agt-kose-rozet { border-radius: 999px; font-weight: 700; }
hr { background: linear-gradient(var(--agt-cizgi), var(--agt-cizgi)) 0 100% / 100% 1px no-repeat; }

/* 50.2 Düğme ve ok bağlantı: 10 px yuvarlak köşe, kalın yazı, limon gölgesi. */
.agt-kose-dugme { border-radius: var(--agt-pah-orta); clip-path: none; min-height: 48px; font-weight: 700; font-size: 15.5px; letter-spacing: -0.005em; transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri), box-shadow var(--agt-sure) var(--agt-egri), transform var(--agt-sure) var(--agt-egri); }
.agt-kose-dugme--limon { box-shadow: 0 10px 22px -12px rgba(58, 112, 18, .75); }
.agt-kose-dugme--limon:hover { background: var(--agt-limon-bas); transform: translateY(-1px); }
.agt-kose-dugme--hatli { background: var(--agt-beyaz); color: var(--agt-grafit); box-shadow: inset 0 0 0 1.5px var(--agt-cizgi); }
.agt-kose-dugme--hatli:hover { background: var(--agt-beyaz); color: var(--agt-limon); box-shadow: inset 0 0 0 1.5px var(--agt-limon); }
.agt-kose-dugme--koyu { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55); }
.agt-kose-dugme--kucuk { min-height: 44px; font-size: 15px; }
.agt-kose-dugme:focus-visible, .agt-kose-dugme--limon:focus-visible { outline: 2px solid var(--agt-limon); outline-offset: 2px; box-shadow: none; }
.agt-kose-ok { color: var(--agt-limon); font-weight: 700; gap: 8px; }
.agt-kose-ok::after { width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--agt-m-sag) center / contain no-repeat; mask: var(--agt-m-sag) center / contain no-repeat; clip-path: none; transition: transform var(--agt-sure) var(--agt-egri); }
.agt-kose-ok:hover { color: var(--agt-limon-bas); }
.agt-kose-ok:hover::after { background-color: currentColor; transform: translateX(3px); }

/* 50.3 Başlık şeridi: beyaz, ince alt çizgi; solda yuvarlak işaret + ad + slogan, sağda limon telefon. */
.agt-tepe-tabela { background: rgba(255, 255, 255, .97); box-shadow: 0 1px 0 var(--agt-cizgi-ince), 0 10px 30px -24px rgba(18, 24, 22, .35); }
@supports (backdrop-filter: blur(1px)) { .agt-tepe-tabela { background: rgba(255, 255, 255, .9); backdrop-filter: saturate(1.6) blur(12px); } }
.agt-tepe-tabela::after { display: none; }
.agt-tepe-tabela-orta { gap: 10px; }
.agt-tepe-tabela-logo { display: inline-flex; align-items: center; gap: 12px; min-width: 0; color: var(--agt-grafit); text-decoration: none; }
.agt-tepe-tabela-logo img.agt-tepe-isaret, .agt-tepe-isaret { flex: none; width: 40px; height: 40px; border-radius: 11px; box-shadow: 0 6px 14px -8px rgba(58, 112, 18, .8); }
.agt-tepe-kimlik { display: flex; flex-direction: column; min-width: 0; line-height: 1.1; }
.agt-tepe-kimlik b { font-size: 18px; font-weight: 800; letter-spacing: -0.03em; color: var(--agt-grafit); white-space: nowrap; }
.agt-tepe-kimlik small { display: none; margin-top: 4px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--agt-limon); white-space: nowrap; }
@media (min-width: 560px) { .agt-tepe-kimlik small { display: block; } }
@media (min-width: 1080px) { .agt-tepe-tabela-logo img.agt-tepe-isaret { width: 46px; height: 46px; border-radius: 13px; } .agt-tepe-kimlik b { font-size: 20px; } }
@media (max-width: 359px) { .agt-tepe-kimlik b { font-size: 16px; } .agt-tepe-tabela-logo { gap: 8px; } }
.agt-tepe-tabela-gezinti { gap: 2px; }
.agt-tepe-tabela-gezinti > li > a { padding: 0 12px; font-family: var(--agt-f-govde); font-size: 15px; font-weight: 600; color: var(--agt-metin); border-radius: 8px; }
.agt-tepe-tabela-gezinti > li > a:hover { color: var(--agt-limon); background: var(--agt-celik); }
.agt-tepe-tabela-gezinti > li > a[aria-current] { color: var(--agt-limon); box-shadow: none; }
.agt-tabela-acilir > a::after { width: 12px; height: 12px; opacity: .7; }
.agt-tabela-acilir-liste { top: calc(100% + 10px); padding: 10px; border-radius: 16px; }
.agt-tabela-acilir-liste::before { clip-path: inset(0 round 16px); box-shadow: inset 0 0 0 1px var(--agt-cizgi-ince); }
.agt-tabela-acilir-liste { filter: drop-shadow(0 22px 30px rgba(18, 24, 22, .16)); }
.agt-tabela-acilir-liste a { border-radius: 10px; }
.agt-tabela-acilir-liste a:hover { background: var(--agt-celik); color: var(--agt-grafit); }
.agt-tabela-acilir-liste a:has(small) { padding: 10px 12px; }
.agt-tabela-acilir-liste a svg { flex: none; margin-top: 2px; color: var(--agt-limon); }
.agt-tabela-acilir-liste a { gap: 12px; }
.agt-tabela-acilir-liste a > span { display: flex; flex-direction: column; }
.agt-tabela-acilir-liste .agt-tabela-acilir-ad { font-weight: 650; color: var(--agt-grafit); }
.agt-tabela-acilir-liste a small { color: var(--agt-gri); opacity: 1; }
@media (min-width: 1240px) {
  .agt-tabela-acilir-liste--genis { width: 640px; }
  .agt-tabela-acilir.agt-acik > .agt-tabela-acilir-liste--genis { display: grid; grid-template-columns: 1fr 1fr; }
  html:not(.agt-komut) .agt-tabela-acilir:hover > .agt-tabela-acilir-liste--genis { display: grid; grid-template-columns: 1fr 1fr; }
}
.agt-tepe-tabela-islem { gap: 8px; }
.agt-tepe-tabela-tara { color: var(--agt-metin); }
.agt-tepe-tabela-tara:hover { background: var(--agt-celik); }
.agt-tepe-tabela-cagri { min-height: 44px; padding: 0 12px; }
.agt-tepe-tabela-cagri span { display: none; font-size: 17px; font-weight: 800; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .agt-tepe-tabela-cagri { padding: 0 20px; } .agt-tepe-tabela-cagri span { display: inline; } }
@media (min-width: 1080px) { .agt-tepe-tabela-cagri { min-height: 52px; padding: 0 24px; border-radius: 12px; } .agt-tepe-tabela-cagri svg { width: 20px; height: 20px; } }
/* Menü düğmesi: dar ekranda yalnız üç çizgi (ad ekran okuyucuda kalır), genişte çizgi + "Menü". */
.agt-tepe-tabela-gezinti-ac { gap: 8px; padding: 0 14px; }
.agt-tepe-tabela-gezinti-ac::before { content: ""; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--agt-m-menu) center / contain no-repeat; mask: var(--agt-m-menu) center / contain no-repeat; }
@media (max-width: 559px) { .agt-tepe-tabela-gezinti-ac { width: 44px; padding: 0; font-size: 0; } }
.agt-ariyer-satiri { padding-top: 4px; }
.agt-ariyer-kutusu { clip-path: none; border-radius: 12px; }
.agt-ariyer-kutusu button { clip-path: none; border-radius: 9px; background: var(--agt-limon); }
.agt-ariyer-kutusu button:hover { background: var(--agt-limon-bas); }
.agt-tavsiye-listesi::before { clip-path: inset(0 round 14px); }
.agt-tavsiye-listesi a { border-radius: 10px; }

/* 50.4 Kahraman bandı (ana sayfa ve iç sayfalar): kömür zemin, silik çizgili
   cihazlar (static/img/hat-cizgisi.svg), köşelerde limon ışıması; solda hap
   etiket, büyük başlık, beyaz telefon; sağda camsı "Talep hattı" kartı. */
.agt-sk-kap { max-width: var(--agt-kap); margin: 0 auto; padding: 0 var(--agt-kenar); }
.agt-sk-hero { position: relative; isolation: isolate; overflow: hidden; color: var(--agt-beyaz); padding: clamp(28px, 5vw, 72px) 0 clamp(40px, 6vw, 84px);
  background:
    radial-gradient(55% 85% at 100% 0%, rgba(163, 230, 53, .13), transparent 62%),
    radial-gradient(45% 70% at 0% 100%, rgba(58, 112, 18, .28), transparent 70%),
    linear-gradient(180deg, #161d1a 0%, var(--agt-komur-2) 100%); }
.agt-sk-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url("../img/hat-cizgisi.8b0411ad90ee.svg") 50% 100% / cover no-repeat; }
@media (max-width: 959px) { .agt-sk-hero::before { background-size: 1180px auto; background-position: 38% 100%; } }
.agt-sk-hero h1, .agt-sk-hero h2 { color: var(--agt-beyaz); }
.agt-sk-hero-izgara { display: grid; gap: 32px; align-items: center; }
.agt-sk-hero-izgara > * { min-width: 0; }
@media (min-width: 960px) { .agt-sk-hero-izgara { grid-template-columns: minmax(0, 1.25fr) minmax(360px, 1fr); gap: 56px; } }
.agt-sk-rozet { display: inline-flex; align-items: center; gap: 9px; margin: 0; padding: 8px 14px; border-radius: 999px; background: var(--agt-limon); color: var(--agt-limon-ust); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; box-shadow: 0 10px 24px -12px rgba(163, 230, 53, .55); }
.agt-sk-rozet::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--agt-limon-isik); }
.agt-sk-h1 { margin: 22px 0 14px; font-size: clamp(2.375rem, 1.55rem + 3.3vw, 4rem); font-weight: 800; line-height: 1.02; letter-spacing: -0.04em; overflow-wrap: anywhere; }
.agt-sk-vaat { max-width: 36em; margin: 0; color: #d3dbd7; font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem); line-height: 1.6; }
.agt-sk-vaat .agt-tabela-girisi { margin: 0; max-width: none; color: inherit; font-size: inherit; line-height: inherit; }
.agt-sk-cagri { display: inline-flex; align-items: center; justify-content: center; gap: 12px; margin-top: 28px; padding: 0 28px; min-height: 64px; border-radius: 14px; background: var(--agt-beyaz); color: var(--agt-limon); font-size: 1.4375rem; font-weight: 800; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; text-decoration: none; box-shadow: 0 18px 40px -20px rgba(0, 0, 0, .7); transition: transform var(--agt-sure) var(--agt-egri), background-color var(--agt-sure) var(--agt-egri); }
.agt-sk-cagri svg { width: 22px; height: 22px; color: var(--agt-limon); }
.agt-sk-cagri:hover { background: #f4faea; color: var(--agt-limon-bas); transform: translateY(-1px); }
.agt-sk-cagri:focus-visible { outline: 3px solid var(--agt-limon-isik); outline-offset: 3px; }
@media (max-width: 559px) { .agt-sk-hero-izgara > div > .agt-sk-cagri { display: flex; width: 100%; } }
.agt-sk-linkler { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 22px 0 0; color: #a9b4af; font-size: 14px; }
.agt-sk-linkler a { display: inline-flex; align-items: center; min-height: 32px; color: #e8eee9; text-decoration-color: rgba(255, 255, 255, .35); }
.agt-sk-linkler a:hover { color: var(--agt-limon-isik); text-decoration-color: var(--agt-limon-isik); }
/* Talep hattı kartı: camsı yüzey, durum hapı, büyük beyaz numara, limon form düğmesi. */
.agt-sk-hat { position: relative; padding: 26px; border-radius: 20px; background: linear-gradient(160deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 40px 80px -40px rgba(0, 0, 0, .8); }
@supports (backdrop-filter: blur(1px)) { .agt-sk-hat { backdrop-filter: blur(10px); } }
.agt-sk-hat-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.agt-sk-hat-ust h2 { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -0.01em; }
.agt-sk-durum { display: inline-flex; align-items: center; gap: 7px; flex: none; padding: 5px 11px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #e3eae5; font-size: 13px; font-weight: 600; }
.agt-sk-durum::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #8f9a95; }
.agt-sk-durum--acik::before { content: ""; background: var(--agt-limon-isik); box-shadow: 0 0 0 4px rgba(163, 230, 53, .18); }
.agt-sk-hat .agt-sk-cagri { display: flex; width: 100%; margin-top: 18px; min-height: 66px; font-size: 1.5rem; }
.agt-sk-hat p { margin: 16px 0 0; color: #c9d2cd; font-size: 15px; line-height: 1.55; }
.agt-sk-hat .agt-kose-dugme { width: 100%; margin-top: 16px; min-height: 52px; box-shadow: 0 14px 30px -16px rgba(163, 230, 53, .55); }
.agt-sk-hat .agt-kose-dugme--limon:focus-visible { outline-color: var(--agt-limon-isik); }
.agt-sk-hat small { display: block; margin-top: 12px; color: #a9b4af; font-size: 13px; text-align: center; }
/* İç sayfa kahramanı: aynı bant, daha alçak; yol satırı açık gri. */
.agt-sk-hero--ic { padding: clamp(22px, 3.5vw, 48px) 0 clamp(32px, 4.5vw, 60px); }
.agt-sk-hero--ic .agt-sk-hero-izgara { align-items: start; }
.agt-sk-hero--ic .agt-sk-h1 { margin: 16px 0 12px; font-size: clamp(1.875rem, 1.35rem + 2.2vw, 3rem); line-height: 1.08; letter-spacing: -0.035em; }
.agt-sk-hero--ic .agt-sk-vaat { font-size: clamp(1rem, 0.96rem + 0.25vw, 1.125rem); }
.agt-sk-hero--ic .agt-sk-cagri { margin-top: 22px; min-height: 58px; font-size: 1.3125rem; }
.agt-sk-hero--ic .agt-sk-linkler { margin-top: 16px; }
.agt-sk-hero--ic .agt-tabela-hatti { margin: 0 0 16px; color: #a9b4af; font-family: var(--agt-f-govde); }
.agt-sk-hero--ic .agt-tabela-hatti a, .agt-sk-hero--ic .agt-tabela-hatti span { color: #dfe6e2; }
.agt-sk-hero--ic .agt-tabela-hatti a:hover { color: var(--agt-limon-isik); text-decoration: none; }
.agt-sk-hero--ic .agt-tabela-hatti li + li::before { color: var(--agt-limon-isik); }
.agt-sk-hero--ic .agt-sk-hat { padding: 22px; }
@media (min-width: 960px) { .agt-sk-hero--ic .agt-sk-hat { margin-top: 8px; } }

/* 50.5 Rakam şeridi: beyaz, kapta dört hücre, büyük limon sayı. */
.agt-sk-rakamlar-bandi { background: var(--agt-beyaz); border-bottom: 1px solid var(--agt-cizgi-ince); box-shadow: 0 1px 0 rgba(18, 24, 22, .02); }
.agt-sk-rakamlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: var(--agt-kap); margin: 0 auto; padding: 0 var(--agt-kenar); }
@media (min-width: 760px) { .agt-sk-rakamlar { grid-template-columns: repeat(4, minmax(0, 1fr)); } .agt-sk-rakamlar--uc { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.agt-sk-rakamlar > div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 28px 12px; text-align: center; border-right: 1px solid var(--agt-cizgi-ince); }
.agt-sk-rakamlar > div:nth-child(2n) { border-right: 0; }
.agt-sk-rakamlar > div:nth-child(-n+2) { border-bottom: 1px solid var(--agt-cizgi-ince); }
@media (max-width: 759px) { .agt-sk-rakamlar--uc > div:last-child { grid-column: 1 / -1; border-right: 0; } }
@media (min-width: 760px) {
  .agt-sk-rakamlar > div, .agt-sk-rakamlar > div:nth-child(2n) { padding: 34px 16px; border-right: 1px solid var(--agt-cizgi-ince); border-bottom: 0; }
  .agt-sk-rakamlar > div:first-child { border-left: 1px solid var(--agt-cizgi-ince); }
}
.agt-sk-rakamlar dd { margin: 0; color: var(--agt-limon); font-size: clamp(2.125rem, 1.6rem + 2vw, 3rem); font-weight: 800; line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.agt-sk-rakamlar dt { margin: 0; color: var(--agt-gri); font-size: 14px; font-weight: 500; }

/* 50.6 Ana sayfa bantları: her bölüm tam genişlik bant; beyaz, açık gri ve filiz sırayla. */
.agt-vitrin-govdesi .agt-merkez-omurga > .agt-tabela-dilimi { margin-top: 0; padding-block: clamp(56px, 7vw, 104px); }
.agt-tabela-dilimi--metal { background: var(--agt-celik); }
.agt-vitrin-govdesi .agt-tabela-dilimi--metal { border-block: 1px solid var(--agt-cizgi-ince); }
.agt-tabela-dilimi--filiz { background: var(--agt-filiz); border-block: 1px solid var(--agt-filiz-cizgi); }
.agt-sk-kap > .agt-isaretli-rozet, .agt-sk-ikili .agt-isaretli-rozet, .agt-son-tabela .agt-isaretli-rozet { margin: 0 0 16px; padding: 6px 13px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; }
.agt-tabela-dilimi--metal .agt-sk-kap > .agt-isaretli-rozet { background: var(--agt-limon-acik); box-shadow: none; }
.agt-sk-kap > h2, .agt-sk-ikili h2 { margin: 0 0 14px; max-width: 22em; font-size: clamp(1.875rem, 1.35rem + 2.1vw, 2.75rem); line-height: 1.08; letter-spacing: -0.04em; }
.agt-sk-kap > h2 + p, .agt-sk-ikili h2 + p { max-width: 62ch; margin: 0; color: var(--agt-gri); font-size: clamp(1rem, 0.96rem + 0.25vw, 1.125rem); }
.agt-sk-kap > .agt-tepe-payi { margin-top: 28px; }

/* 50.7 Hizmet kartları: üstte cihaz çizimli açık panel ve limon alt çizgi, altta ad, satır, iki düğme. */
.agt-sk-kartlar { display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); margin: 36px 0 0; padding: 0; list-style: none; }
@media (min-width: 600px) { .agt-sk-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .agt-sk-kartlar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.agt-sk-kart { display: flex; flex-direction: column; min-width: 0; height: 100%; overflow: hidden; border: 1px solid var(--agt-cizgi); border-radius: 18px; background: var(--agt-beyaz); transition: transform var(--agt-sure) var(--agt-egri), box-shadow var(--agt-sure) var(--agt-egri), border-color var(--agt-sure) var(--agt-egri); }
.agt-sk-kart:hover, .agt-sk-kart:focus-within { transform: translateY(-3px); border-color: #b9cba6; box-shadow: var(--agt-golge-buyuk); }
.agt-sk-kart-ikon { position: relative; display: grid; place-items: center; height: 168px; color: var(--agt-grafit); border-bottom: 3px solid var(--agt-limon);
  background:
    radial-gradient(circle at 26% 34%, rgba(163, 230, 53, .3) 0, rgba(163, 230, 53, 0) 34%),
    linear-gradient(rgba(18, 24, 22, .045) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(90deg, rgba(18, 24, 22, .045) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(180deg, #f6f8f7, #e9edeb); }
.agt-sk-kart-ikon svg { width: 84px; height: 84px; stroke-width: 1.25; transition: transform var(--agt-sure) var(--agt-egri); }
.agt-sk-kart:hover .agt-sk-kart-ikon svg { transform: scale(1.05); }
@media (max-width: 599px) { .agt-sk-kart-ikon { height: 150px; } }
.agt-sk-kart h3 { margin: 20px 22px 6px; font-size: 19px; font-weight: 800; letter-spacing: -0.025em; }
.agt-sk-kart p { flex: 1; margin: 0 22px 18px; color: var(--agt-gri); font-size: 15px; line-height: 1.55; }
.agt-sk-kart-islem { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 22px 22px; }
.agt-sk-kart-islem .agt-kose-dugme { min-height: 46px; padding: 0 12px; }

/* 50.8 Dört adım (ana sayfa): ayrı kartlar, sağ üstte silik büyük sıra numarası. */
.agt-is-tabelasi.agt-is-tabelasi--kartli { gap: 16px; margin-top: 36px; padding: 0; background: none; clip-path: none; counter-reset: adim; }
.agt-is-tabelasi--kartli::before { display: none; }
.agt-is-tabelasi.agt-is-tabelasi--kartli > .agt-is-alani.agt-is-alani { counter-increment: adim; padding: 26px 24px 28px; border: 1px solid var(--agt-cizgi); border-radius: 18px; background: var(--agt-beyaz); }
.agt-is-tabelasi--kartli > .agt-is-alani::before { display: none; }
.agt-is-tabelasi--kartli > .agt-is-alani::after { content: "0" counter(adim); position: absolute; top: 14px; right: 20px; color: rgba(58, 112, 18, .16); font-size: 2.75rem; font-weight: 800; line-height: 1; letter-spacing: -0.04em; }
.agt-is-tabelasi--kartli .agt-is-alani small { color: var(--agt-limon); font-family: var(--agt-f-govde); font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.agt-is-tabelasi--kartli .agt-is-alani h3 { max-width: calc(100% - 56px); font-size: 19px; font-weight: 800; }
.agt-is-tabelasi--kartli .agt-is-alani p { margin-top: 8px; line-height: 1.55; }
.agt-is-alani small { font-family: var(--agt-f-govde); font-weight: 700; }
.agt-is-alani--simdi::before { display: none; }

/* 50.9 Güven kartları (ikon limon karede) ve tek beyan kutusu. */
.agt-sebep-tabelalari { margin-top: 36px; }
.agt-sebep-tabelalari > .agt-tabela-hucre { padding: 26px 24px; }
.agt-sebep-tabelalari .agt-kose-simge { width: 50px; height: 50px; border-radius: 14px; background: var(--agt-limon); color: var(--agt-limon-ust); box-shadow: 0 10px 22px -12px rgba(58, 112, 18, .8); }
.agt-sebep-tabelalari h3 { margin: 18px 0 8px; font-size: 18px; }
.agt-sebep-tabelalari p { line-height: 1.55; }
.agt-sk-uyari { margin-top: 28px; padding: 22px 26px; border: 1px solid var(--agt-filiz-cizgi); border-left: 5px solid var(--agt-limon); border-radius: 16px; background: var(--agt-filiz); }
.agt-sk-uyari > b { display: block; color: var(--agt-grafit); font-size: 16px; font-weight: 800; }
.agt-sk-uyari p { max-width: none; margin: 8px 0 0; color: var(--agt-metin); font-size: 15px; line-height: 1.6; }
.agt-sk-uyari .agt-sabit-hane { color: var(--agt-limon); font-weight: 800; }

/* 50.10 Çipler: marka ve il bağlantıları ince kenarlı beyaz kutucuk; ana sayfa markaları ızgara. */
.agt-yogun-tabelalar { gap: 10px; }
.agt-kose-cip { min-height: 44px; padding: 0 16px; border-radius: 12px; background: var(--agt-beyaz); color: var(--agt-grafit); box-shadow: inset 0 0 0 1px var(--agt-cizgi); font-size: 15px; font-weight: 600; transition: box-shadow var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri), transform var(--agt-sure) var(--agt-egri); }
a.agt-kose-cip:hover { background: var(--agt-beyaz); color: var(--agt-limon); box-shadow: inset 0 0 0 1.5px var(--agt-limon); }
a.agt-kose-cip:focus-visible { outline: 2px solid var(--agt-limon); outline-offset: 2px; box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-tabela-hucre--metal .agt-kose-cip { background: var(--agt-beyaz); }
#markalar .agt-marka-cipleri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 36px; }
@media (min-width: 600px) { #markalar .agt-marka-cipleri { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1040px) { #markalar .agt-marka-cipleri { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
#markalar .agt-marka-cipleri .agt-kose-cip { display: flex; justify-content: center; min-height: 72px; padding: 0 10px; border-radius: 14px; font-size: 15.5px; font-weight: 700; text-align: center; }
#markalar .agt-marka-cipleri a.agt-kose-cip:hover { transform: translateY(-2px); }
.agt-sk-iller { display: flex; flex-wrap: wrap; gap: 10px; margin: 32px 0 0; padding: 0; list-style: none; }
.agt-sk-iller a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 12px; background: var(--agt-beyaz); color: var(--agt-grafit); box-shadow: inset 0 0 0 1px var(--agt-cizgi); font-size: 15px; font-weight: 600; text-decoration: none; transition: box-shadow var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
.agt-sk-iller a:hover { color: var(--agt-limon); box-shadow: inset 0 0 0 1.5px var(--agt-limon); }

/* 50.11 Teknik rehber kartları: üstte kod paneli (ızgara + limon alt çizgi), altta marka · cihaz. */
.agt-rehber-kartlari { margin-top: 36px; }
.agt-rehber-kartlari > .agt-tabela-hucre { padding: 0; overflow: hidden; border: 1px solid var(--agt-cizgi); border-radius: 18px; background: var(--agt-beyaz); transition: transform var(--agt-sure) var(--agt-egri), box-shadow var(--agt-sure) var(--agt-egri), border-color var(--agt-sure) var(--agt-egri); }
.agt-rehber-kartlari > .agt-tabela-hucre::before { display: none; }
.agt-rehber-kartlari > .agt-tabela-hucre:hover { transform: translateY(-3px); border-color: #b9cba6; box-shadow: var(--agt-golge-buyuk); }
.agt-rehber-kart { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.agt-rehber-kodu { display: grid; place-items: center; height: 120px; border-bottom: 3px solid var(--agt-limon); color: var(--agt-grafit); font-size: 2.625rem; font-weight: 800; letter-spacing: -0.03em;
  background:
    linear-gradient(rgba(18, 24, 22, .045) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(90deg, rgba(18, 24, 22, .045) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(180deg, #f6f8f7, #e9edeb); }
.agt-rehber-kart h3 { margin: 18px 20px 6px; font-size: 17px; }
.agt-rehber-kart p { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: auto 20px 0; padding: 14px 0 18px; border-top: 1px solid var(--agt-cizgi-ince); color: var(--agt-limon); font-size: 14px; font-weight: 700; opacity: 1; }
.agt-rehber-kart p::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--agt-m-ok) center / contain no-repeat; mask: var(--agt-m-ok) center / contain no-repeat; }
.agt-rehber-kart h3 + p { margin-top: 10px; }

/* 50.12 Sorular: ayrı satır kartları, limon kare içinde artı (açıkken çarpı). */
.agt-soru-tabelasi { display: grid; gap: 10px; box-shadow: none; }
.agt-soru-tabela-satiri { overflow: hidden; border: 1px solid var(--agt-cizgi); border-radius: 16px; background: var(--agt-beyaz); transition: border-color var(--agt-sure) var(--agt-egri); }
.agt-soru-tabela-satiri + .agt-soru-tabela-satiri { border-top: 1px solid var(--agt-cizgi); }
.agt-soru-tabela-satiri summary { min-height: 62px; padding: 16px 20px; font-family: var(--agt-f-govde); font-size: 16.5px; font-weight: 700; letter-spacing: -0.01em; }
.agt-soru-tabela-satiri summary::after { width: 28px; height: 28px; border-radius: 8px; -webkit-mask: none; mask: none; background: var(--agt-limon) var(--agt-arti) center / 16px 16px no-repeat; transition: transform var(--agt-sure) var(--agt-egri); }
.agt-soru-tabela-satiri summary:hover { background: transparent; color: var(--agt-limon); }
.agt-soru-tabela-satiri[open] { background: var(--agt-beyaz); border-color: #b9cba6; }
.agt-soru-tabela-satiri[open] summary::after { transform: none; background: var(--agt-limon-bas) var(--agt-eksi) center / 16px 16px no-repeat; }
.agt-soru-tabela-satiri > div { padding: 0 20px 18px; color: var(--agt-gri); line-height: 1.65; }
@media (min-width: 1080px) { .agt-soru-tabelasi--iki .agt-soru-tabela-satiri { box-shadow: none; } }
.agt-sk-ikili { display: grid; gap: 32px; }
@media (min-width: 960px) { .agt-sk-ikili { grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr); gap: 48px; align-items: start; } }
.agt-sk-yan-not { margin-top: 28px; padding: 28px; border-radius: 20px; color: #e4eddb; background: radial-gradient(90% 120% at 100% 0%, rgba(163, 230, 53, .22), transparent 55%), linear-gradient(140deg, #3f7a15, var(--agt-limon-bas)); box-shadow: 0 24px 48px -28px rgba(44, 86, 12, .9); }
.agt-sk-yan-not b { display: block; color: var(--agt-beyaz); font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
.agt-sk-yan-not p { margin: 10px 0 20px; color: #e4eddb; }
.agt-sk-yan-not .agt-kose-dugme { width: 100%; min-height: 56px; justify-content: center; background: var(--agt-beyaz); color: var(--agt-limon); box-shadow: 0 12px 26px -16px rgba(0, 0, 0, .6); font-size: 18px; font-weight: 800; }
.agt-sk-yan-not .agt-kose-dugme:hover { background: #f4faea; color: var(--agt-limon-bas); }

/* 50.13 Kapanış bandı: limon degrade büyük kart, ortalı; beyaz düğme + beyaz çizgili telefon. */
.agt-son-tabela-dilimi { margin-top: 0; padding-block: clamp(48px, 6vw, 96px); }
.agt-son-tabela { --p-zemin: transparent; --p-kenar: transparent; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 26px; padding: clamp(36px, 5vw, 64px) clamp(22px, 4vw, 56px); border-radius: 26px; color: #e4eddb; text-align: center; overflow: hidden;
  background:
    radial-gradient(60% 110% at 100% 0%, rgba(163, 230, 53, .2), transparent 60%),
    radial-gradient(50% 90% at 0% 100%, rgba(18, 24, 22, .25), transparent 70%),
    linear-gradient(135deg, #34650f 0%, var(--agt-limon) 50%, var(--agt-limon-bas) 100%);
  box-shadow: 0 40px 80px -48px rgba(44, 86, 12, .95); }
@media (min-width: 900px) { .agt-son-tabela { grid-template-columns: minmax(0, 1fr); padding: 64px 56px; } }
.agt-son-tabela > div:first-child { display: grid; justify-items: center; }
.agt-son-tabela h2 { margin: 0 0 12px; color: var(--agt-beyaz); font-size: clamp(1.875rem, 1.4rem + 2vw, 2.75rem); letter-spacing: -0.04em; }
.agt-son-tabela p { max-width: 54ch; margin: 0 auto; color: #e4eddb; font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem); }
.agt-son-tabela .agt-isaretli-rozet { background: rgba(255, 255, 255, .16); color: var(--agt-beyaz); box-shadow: none; }
.agt-son-tabela .agt-kose-islemleri { justify-content: center; }
.agt-son-tabela .agt-kose-dugme { min-height: 56px; padding: 0 28px; font-size: 17px; }
.agt-son-tabela .agt-kose-dugme--limon { background: var(--agt-beyaz); color: var(--agt-limon); box-shadow: 0 14px 30px -16px rgba(0, 0, 0, .55); }
.agt-son-tabela .agt-kose-dugme--limon:hover { background: #f4faea; color: var(--agt-limon-bas); }
.agt-son-tabela .agt-kose-dugme--koyu:hover { background: rgba(255, 255, 255, .14); color: var(--agt-beyaz); }
.agt-son-tabela .agt-kose-dugme--limon:focus-visible, .agt-son-tabela .agt-kose-dugme--koyu:focus-visible { outline: 3px solid var(--agt-beyaz); outline-offset: 3px; box-shadow: none; }

/* 50.14 İç sayfa bileşenleri: bölüm başı (limon kısa çizgi + kalın başlık), kartlar, tablolar, A–Z çipleri. */
.agt-tabela-basligi { margin-bottom: 28px; padding-top: 20px; border-top: 0; }
.agt-tabela-basligi::before { top: 0; width: 40px; height: 5px; border-radius: 999px; background: var(--agt-limon); }
.agt-tabela-basligi::after { display: none; }
.agt-tabela-basligi h2 { font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.125rem); letter-spacing: -0.035em; }
.agt-tabela-basligi p { margin-top: 8px; font-size: var(--agt-y-kucuk); }
.agt-hucre-basi h2 { font-weight: 800; letter-spacing: -0.03em; }
.agt-tabela-hucre { padding: 24px; }
@media (max-width: 719px) { .agt-tabela-hucre { padding: 20px 18px; } }
a.agt-tabela-hucre:hover { --p-kenar: var(--agt-limon); }
.agt-kenar-tabela { --p-kenar: var(--agt-cizgi-ince); }
.agt-kenar-tabela dt, .agt-tarif-tabelasi dt, .agt-model-rozeti dt, .agt-kent-olculeri dt, .agt-olcek-satiri dt { font-family: var(--agt-f-govde); font-weight: 600; }
.agt-tabela-aygit-taban::after { background-color: var(--agt-limon); border-radius: 50%; clip-path: none; }
.agt-tabela-aygit:hover .agt-tabela-aygit-taban::after, .agt-tabela-aygit-bagi:hover .agt-tabela-aygit-taban::after { background-color: var(--agt-limon-bas); }
.agt-tabela-aygit:hover, li.agt-tabela-aygit:focus-within { --p-kenar: var(--agt-limon); }
.agt-tabela-aygit-taban h3 { font-weight: 800; letter-spacing: -0.02em; }
.agt-ariza-tabelasi, .agt-model-cetveli { border-radius: 14px; overflow: hidden; }
.agt-ariza-tabelasi thead th { background: var(--agt-grafit); font-family: var(--agt-f-govde); font-weight: 700; letter-spacing: 0.02em; }
.agt-model-cetveli thead th { font-family: var(--agt-f-govde); font-weight: 700; }
.agt-ariza-hucresi { font-weight: 800; }
.agt-ariza-acilir-ayrinti > summary { clip-path: none; border-radius: 10px; }
.agt-gecis-cubugu { clip-path: none; border-radius: 12px; }
.agt-gecis-cubugu a, .agt-gecis-cubugu button { border-radius: 9px; font-family: var(--agt-f-govde); font-weight: 600; }
.agt-gecis-cubugu [aria-selected="true"], .agt-gecis-cubugu [aria-current="true"] { box-shadow: 0 1px 2px rgba(18, 24, 22, .12); color: var(--agt-limon); }
.agt-tabela-alani input, .agt-tabela-alani select, .agt-tabela-alani textarea { clip-path: none; border-radius: 12px; }
.agt-tabela-alani input[type="file"]::file-selector-button { clip-path: none; border-radius: 8px; }
.agt-onay-satiri input { border-radius: 6px; }
.agt-basvuru-tabelasi { --p-kenar: var(--agt-cizgi); }
.agt-bolum-adi::before { border-radius: 50%; }
.agt-saha-hata-satiri::before { border-radius: 50%; }
.agt-kent-semasi-geri, .agt-kent-semasi-kent-kutusu { clip-path: none; border-radius: 10px; }
.agt-dil-akisi summary { clip-path: none; border-radius: 10px; }
.agt-bulgu-dugme-dizisi button { clip-path: none; border-radius: 12px; }
/* A–Z dizinleri (ilçe, il, marka): harf hapı + satır yerine çip; uzun listeler kısa kalır. */
.agt-harf-bolumu { margin-bottom: 22px; }
.agt-harf-bolumu .agt-isaretli-rozet { min-width: 32px; justify-content: center; color: var(--agt-limon); font-size: 14px; }
.agt-harf-bolumu .agt-serit-akisi { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.agt-harf-bolumu .agt-akis-satiri { min-height: 0; padding: 0; border: 0; }
.agt-harf-bolumu .agt-akis-satiri::after { display: none; }
.agt-harf-bolumu .agt-akis-satiri > a { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 15px; border-radius: 12px; background: var(--agt-beyaz); box-shadow: inset 0 0 0 1px var(--agt-cizgi); color: var(--agt-grafit); font-size: 15px; font-weight: 600; }
.agt-harf-bolumu .agt-akis-satiri > a:hover { color: var(--agt-limon); box-shadow: inset 0 0 0 1.5px var(--agt-limon); text-decoration: none; }
.agt-harf-bolumu .agt-akis-satiri small { display: none; }
.agt-akis-satiri:has(> a:hover)::after { background: var(--agt-limon); }
.agt-serit-akisi:not(.agt-serit-akisi--sutunlu, .agt-giris-maddeleri) > .agt-akis-satiri > span::before { border-radius: 50%; background: var(--agt-limon); }

/* 50.15 Koyu altbilgi: kömür zemin; belirteçler altbilgi içinde koyu zemine göre yeniden tanımlanır
   (gri 8,4:1; metin 11:1), bileşenler aynı kalır. */
footer.agt-metal-dip {
  --agt-grafit: #ffffff; --agt-metin: #c9d2cd; --agt-gri: #a9b4af; --agt-gri-2: #a3aea8;
  --agt-cizgi: rgba(255, 255, 255, .14); --agt-cizgi-ince: rgba(255, 255, 255, .09); --agt-cizgi-sert: rgba(255, 255, 255, .32);
  --agt-limon: var(--agt-limon-isik); --agt-beyaz: var(--agt-komur-2);
  display: block; margin-top: 0; padding: clamp(48px, 6vw, 80px) 0 calc(28px + env(safe-area-inset-bottom)); border-top: 0; font-size: 15px;
  background: radial-gradient(60% 80% at 100% 0%, rgba(58, 112, 18, .18), transparent 60%), var(--agt-komur-2); color: var(--agt-metin); }
footer.agt-metal-dip::before { display: none; }
.agt-son-tabela-dilimi + footer.agt-metal-dip { margin-top: 0; }
footer.agt-metal-dip .agt-metal-dip-izgara { gap: 36px 32px; }
footer.agt-metal-dip nav.agt-dip-dizin { display: block; }
@media (min-width: 1080px) { footer.agt-metal-dip .agt-metal-dip-izgara { grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)); } footer.agt-metal-dip .agt-dip-kimlik { grid-column: auto; } }
footer.agt-metal-dip .agt-dip-kimlik > a { margin-bottom: 18px; }
footer.agt-metal-dip .agt-dip-kimlik > a img { width: 44px; height: 44px; margin: 0; }
footer.agt-metal-dip .agt-dip-kimlik > p { color: var(--agt-metin); }
footer.agt-metal-dip .agt-tepe-kimlik small { display: block; color: var(--agt-limon-isik); }
footer.agt-metal-dip .agt-dip-dizin h2 { margin-bottom: 12px; color: #ffffff; font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
footer.agt-metal-dip .agt-dip-dizin a, footer.agt-metal-dip .agt-dip-dizin button { min-height: 36px; color: var(--agt-metin); font-size: 15px; }
footer.agt-metal-dip .agt-dip-dizin a:hover { color: var(--agt-limon-isik); }
footer.agt-metal-dip .agt-dip-iletisim { margin-bottom: 10px; }
footer.agt-metal-dip .agt-dip-iletisim a.agt-sabit-hane { display: inline-flex; align-items: center; min-height: 50px; padding: 0 20px; border-radius: 12px; background: #3a7012; color: #ffffff; font-size: 18px; font-weight: 800; letter-spacing: -0.01em; box-shadow: 0 14px 30px -18px rgba(163, 230, 53, .6); }
footer.agt-metal-dip .agt-dip-iletisim a.agt-sabit-hane:hover { background: #2c560c; color: #ffffff; }
footer.agt-metal-dip .agt-dip-kucuk { border-top-color: var(--agt-cizgi-ince); }
footer.agt-metal-dip .agt-dip-kucuk ul a:hover, footer.agt-metal-dip .agt-dip-yasal a:hover, footer.agt-metal-dip .agt-dip-yasal button:hover { color: var(--agt-limon-isik); }
footer.agt-metal-dip .agt-model-rozeti { --p-zemin: rgba(255, 255, 255, .035); --p-kenar: rgba(255, 255, 255, .1); }
footer.agt-metal-dip .agt-model-rozeti > div { box-shadow: -1px 0 0 rgba(255, 255, 255, .07), 0 -1px 0 rgba(255, 255, 255, .07); }
footer.agt-metal-dip .agt-model-rozeti dt { letter-spacing: 0.1em; text-transform: uppercase; }
footer.agt-metal-dip > .agt-tabela-gibi > .agt-metal-dip { margin-top: 28px; padding: 20px 0 0; background: none; border-top: 1px solid var(--agt-cizgi-ince); }
footer.agt-metal-dip > .agt-tabela-gibi > .agt-metal-dip::before { display: none; }
footer.agt-metal-dip :focus-visible { outline-color: var(--agt-limon-isik); }

/* 50.16 Mobil alt şerit, çekmece, çerez kartı. */
.agt-taban-tabela { gap: 10px; background: rgba(255, 255, 255, .96); border-top: 1px solid var(--agt-cizgi-ince); box-shadow: 0 -12px 30px -18px rgba(18, 24, 22, .35); }
@supports (backdrop-filter: blur(1px)) { .agt-taban-tabela { background: rgba(255, 255, 255, .88); backdrop-filter: saturate(1.6) blur(12px); } }
.agt-taban-tabela::before { display: none; }
.agt-taban-tabela > .agt-kose-dugme { min-height: 52px; border-radius: 12px; font-size: 16px; }
.agt-taban-tabela > .agt-kose-dugme--limon { box-shadow: 0 12px 24px -14px rgba(58, 112, 18, .85); }
body.agt-taban-tabelali { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { body.agt-taban-tabelali { padding-bottom: 0; } }
.agt-tabela-gozme-ortusu { background: rgba(15, 20, 18, .5); }
@supports (backdrop-filter: blur(1px)) { .agt-tabela-gozme-ortusu { backdrop-filter: blur(3px); } }
.agt-tabela-gozme { padding: 14px 20px 28px; box-shadow: -30px 0 60px -30px rgba(15, 20, 18, .5); }
.agt-tabela-gozme-basi { margin-bottom: 18px; padding-bottom: 14px; border-bottom-color: var(--agt-cizgi-ince); }
.agt-tabela-gozme-basi::after { display: none; }
.agt-tabela-gozme-basi .agt-tepe-tabela-logo img.agt-tepe-isaret { width: 40px; height: 40px; }
.agt-tabela-gozme-islemleri { gap: 10px; }
.agt-tabela-gozme-islemleri > .agt-kose-dugme--sade { justify-content: flex-start; padding: 0 14px; background: var(--agt-celik); }
.agt-cekmece-gruplari { display: grid; gap: 0; margin-top: 14px; }
.agt-cekmece-grubu { padding: 6px 0; border-top: 1px solid var(--agt-cizgi-ince); }
.agt-cekmece-grubu > summary, .agt-cekmece-grubu > h2 { display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin: 0; padding: 0; color: var(--agt-grafit); font-family: var(--agt-f-govde); font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; list-style: none; cursor: pointer; }
.agt-cekmece-grubu > summary::-webkit-details-marker { display: none; }
.agt-cekmece-grubu > summary::after { content: ""; width: 18px; height: 18px; background: var(--agt-gri); -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; transition: transform var(--agt-sure) var(--agt-egri); }
.agt-cekmece-grubu[open] > summary::after { transform: rotate(180deg); background: var(--agt-limon); }
.agt-cekmece-liste { display: grid; gap: 2px; margin: 0 0 8px; padding: 0; list-style: none; }
.agt-cekmece-liste a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px 10px; border-radius: 12px; color: var(--agt-grafit); font-size: 16px; font-weight: 600; text-decoration: none; }
.agt-cekmece-liste a:hover, .agt-cekmece-liste a[aria-current] { background: var(--agt-celik); color: var(--agt-limon); }
.agt-cekmece-liste a svg { flex: none; width: 34px; height: 34px; padding: 7px; border-radius: 10px; background: var(--agt-limon-acik); color: var(--agt-limon); }
.agt-cekmece-liste a > span { display: flex; flex-direction: column; }
.agt-cekmece-liste small { display: block; margin-top: 1px; color: var(--agt-gri); font-size: 13px; font-weight: 400; }
.agt-cekmece-cagri { margin-top: 18px; min-height: 56px; justify-content: center; font-size: 17px; }
.agt-tabela-gozme-dibi { border-top-color: var(--agt-cizgi-ince); font-size: 14px; }
.agt-cerez-tabelasi { --p-kenar: var(--agt-cizgi); --p-pah: 18px; filter: drop-shadow(0 18px 30px rgba(18, 24, 22, .2)); }
.agt-cerez-tabelasi p { color: var(--agt-metin); }
@media (min-width: 720px) { .agt-cerez-tabelasi { padding: 20px 24px; } }
@media (prefers-reduced-motion: reduce) { .agt-sk-kart:hover, .agt-rehber-kartlari > .agt-tabela-hucre:hover, .agt-kose-dugme--limon:hover, .agt-sk-cagri:hover { transform: none; } }