/* Tuzla LİHKAB — "kadastro paftası": kâğıt zemin, kadastro laciverti, sınır kazığı turuncusu */

@layer temel, yerlesim, bilesen, sayfa, yardimci;

@layer temel {
  :root {
    --kagit: #F5F4EF;
    --kagit-2: #ECEAE2;
    --beyaz: #FFFFFF;
    --murekkep: #0E2238;
    --murekkep-2: #2A3A4E;
    --soluk: #536072;
    --lacivert: #16437A;
    --lacivert-2: #1F5594;
    --gece: #0E2238;
    --gece-2: #16304D;
    --gece-yazi: #C9D3DF;
    --turuncu: #E3791C;
    --turuncu-k: #A85308;
    --turuncu-acik: #FBEBDC;
    --cizgi: #DAD6CA;
    --cizgi-2: #C5C0B2;
    --wa: #1A7F45;
    --wa-2: #156B39;

    --f-baslik: "Schibsted Grotesk", "Public Sans", system-ui, sans-serif;
    --f-govde: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --f-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;

    --r: 6px;
    --r-b: 10px;
    --golge: 0 1px 2px rgb(14 34 56 / .06), 0 8px 24px -12px rgb(14 34 56 / .18);
    --golge-b: 0 2px 4px rgb(14 34 56 / .06), 0 24px 48px -24px rgb(14 34 56 / .32);
    --gecis: cubic-bezier(.16, 1, .3, 1);
    --ust-h: 76px;
    color-scheme: light;
  }

  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--ust-h) + 16px); }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
  body {
    margin: 0; background: var(--kagit); color: var(--murekkep);
    font: 400 1.0625rem/1.65 var(--f-govde);
    font-feature-settings: "kern", "liga";
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  }
  img, svg { display: block; max-width: 100%; }
  img { height: auto; }
  a { color: var(--lacivert); text-decoration-thickness: 1px; text-underline-offset: .18em; }
  a:hover { color: var(--murekkep); }
  h1, h2, h3, h4 { font-family: var(--f-baslik); color: var(--murekkep); line-height: 1.12; letter-spacing: -.022em; margin: 0; text-wrap: balance; font-weight: 700; }
  p { margin: 0; text-wrap: pretty; }
  ul, ol { margin: 0; padding: 0; }
  dl, dd { margin: 0; }
  button, input, select, textarea { font: inherit; color: inherit; }
  button { cursor: pointer; }
  ::selection { background: var(--turuncu); color: var(--beyaz); }
  :focus-visible { outline: 2.5px solid var(--turuncu); outline-offset: 2px; border-radius: 3px; }
  input, select, textarea { caret-color: var(--turuncu); accent-color: var(--lacivert); }
  * { scrollbar-color: var(--cizgi-2) transparent; }
  .mono { font-family: var(--f-mono); font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: 0; }
  .gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

@layer yerlesim {
  .wrap { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: 20px; }
  @media (max-width: 560px) { .wrap { padding-inline: 16px; } }
  .bolum { padding-block: clamp(56px, 8vw, 104px); }
  .bolum + .bolum { padding-top: 0; }
  .bolum + .surec, .bolum + .mahalle-blok, .surec + .bolum, .mahalle-blok + .bolum { padding-top: clamp(56px, 8vw, 104px); }
  .b-ust { display: grid; gap: 14px; margin-bottom: clamp(28px, 4vw, 48px); max-width: 760px; }
  .b-baslik { font-size: clamp(1.75rem, 1.2rem + 2vw, 2.6rem); }
  .b-alt { color: var(--soluk); font-size: 1.0625rem; max-width: 62ch; }
}

@layer bilesen {
  .ik { width: 20px; height: 20px; flex: none; }
  .ik-s { width: 16px; height: 16px; }
  .ik-dis { width: 14px; height: 14px; display: inline-block; vertical-align: -1px; margin-left: 5px; opacity: .7; }

  .atla { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--murekkep); color: var(--beyaz); padding: 10px 16px; border-radius: var(--r); }
  .atla:focus { top: 12px; }

  /* Butonlar */
  .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    min-height: 48px; padding: 0 22px; border-radius: var(--r); border: 1.5px solid transparent;
    font: 600 1rem/1 var(--f-govde); text-decoration: none; white-space: nowrap;
    transition: background-color .2s var(--gecis), border-color .2s var(--gecis), color .2s var(--gecis), box-shadow .2s var(--gecis), transform .2s var(--gecis);
  }
  .btn:active { transform: translateY(1px); }
  .btn .ik { width: 19px; height: 19px; }
  .btn-k { min-height: 42px; padding: 0 16px; font-size: .9375rem; }
  .btn-b { min-height: 54px; padding: 0 26px; font-size: 1.0625rem; }
  .btn-tam { width: 100%; }
  .btn-ana { background: var(--lacivert); color: var(--beyaz); box-shadow: 0 1px 0 rgb(255 255 255 / .12) inset, 0 6px 16px -8px rgb(22 67 122 / .7); }
  .btn-ana:hover { background: var(--gece); color: var(--beyaz); }
  .btn-cizgi { background: transparent; color: var(--murekkep); border-color: var(--cizgi-2); }
  .btn-cizgi:hover { border-color: var(--murekkep); color: var(--murekkep); background: var(--beyaz); }
  .btn-acik { background: var(--beyaz); color: var(--murekkep); }
  .btn-acik:hover { background: var(--kagit); color: var(--murekkep); }
  .btn-wa { background: var(--wa); color: var(--beyaz); }
  .btn-wa:hover { background: var(--wa-2); color: var(--beyaz); }
  .btn-sira { display: flex; flex-wrap: wrap; gap: 12px; }

  .ok-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; text-decoration: none; color: var(--lacivert); }
  .ok-link .ik { width: 18px; height: 18px; transition: transform .25s var(--gecis); }
  .ok-link:hover .ik { transform: translateX(4px); }

  /* Ust serit */
  .serit { background: var(--gece); color: var(--gece-yazi); font-size: .8125rem; }
  .serit-ic { display: flex; align-items: center; gap: 24px; min-height: 38px; }
  .serit p { display: flex; align-items: center; gap: 7px; }
  .serit .ik { width: 15px; height: 15px; color: var(--turuncu); }
  .serit-sag { margin-left: auto; gap: 18px !important; }
  .serit a { color: var(--gece-yazi); text-decoration: none; }
  .serit a:hover { color: var(--beyaz); }
  .serit-sosyal svg { width: 15px; height: 15px; }
  @media (max-width: 860px) { .serit-saat { display: none !important; } }
  @media (max-width: 600px) { .serit-sag a:not(.serit-sosyal) { display: none; } .serit-adres span { font-size: .78rem; } }

  /* Ust menu */
  .ust { position: sticky; top: 0; z-index: 40; background: rgb(255 255 255 / .96); border-bottom: 1px solid var(--cizgi); backdrop-filter: saturate(1.4) blur(10px); transition: box-shadow .25s var(--gecis); }
  .ust.kaydi { box-shadow: 0 10px 30px -18px rgb(14 34 56 / .35); }
  .ust-ic { display: flex; align-items: center; gap: 20px; min-height: var(--ust-h); }
  .logo { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--murekkep); flex: none; }
  .logo img { width: 44px; height: 44px; }
  .logo-yazi { display: grid; line-height: 1.15; }
  .logo-yazi b { font: 800 1.25rem/1.1 var(--f-baslik); letter-spacing: -.02em; }
  .logo-yazi small { font-size: .72rem; color: var(--soluk); letter-spacing: .005em; max-width: 210px; margin-top: 2px; }
  .logo-acik { color: var(--beyaz); }
  .logo-acik .logo-yazi small { color: var(--gece-yazi); }
  .logo-acik img { background: var(--beyaz); border-radius: 50%; padding: 3px; }

  .nav { margin-left: auto; display: none; }
  .nav > ul { display: flex; align-items: center; gap: 2px; list-style: none; }
  .nav-btn {
    display: inline-flex; align-items: center; gap: 5px; height: 44px; padding: 0 13px; border: 0; border-radius: var(--r);
    background: none; font: 500 .96875rem/1 var(--f-govde); color: var(--murekkep-2); text-decoration: none; position: relative; white-space: nowrap;
  }
  .nav-btn:hover, .nav-mega.acik > .nav-btn { color: var(--murekkep); background: var(--kagit); }
  .nav-btn.aktif { color: var(--murekkep); }
  .nav-btn.aktif::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: -16px; height: 2px; background: var(--turuncu); }
  .nav-btn .ik-s { transition: transform .25s var(--gecis); }
  .nav-mega.acik > .nav-btn .ik-s { transform: rotate(180deg); }
  .nav-mega { position: static; }
  .nav-acilir { position: relative; }

  .mega {
    position: absolute; left: 0; right: 0; top: 100%; background: var(--beyaz); border-bottom: 1px solid var(--cizgi);
    box-shadow: 0 30px 60px -30px rgb(14 34 56 / .35);
    opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s var(--gecis), transform .25s var(--gecis), visibility 0s .25s;
  }
  .nav-mega.acik > .mega { opacity: 1; visibility: visible; transform: none; transition: opacity .2s var(--gecis), transform .3s var(--gecis); }
  .mega-ic { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 32px; padding-block: 28px 24px; }
  .mega-bas { font: 600 .75rem/1 var(--f-govde); letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); padding: 0 10px 12px; border-bottom: 1px solid var(--cizgi); margin-bottom: 8px; }
  .mega-kol ul { list-style: none; display: grid; gap: 1px; }
  .mega-kol a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: var(--r); text-decoration: none; color: var(--murekkep); font-size: .96875rem; font-weight: 500; }
  .mega-kol a .ik { color: var(--lacivert); width: 19px; height: 19px; }
  .mega-kol a:hover { background: var(--kagit); }
  .mega-alt { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; padding: 16px 10px 0; margin-top: 8px; border-top: 1px solid var(--cizgi); font-size: .875rem; color: var(--soluk); }
  .mega-alt a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-decoration: none; }
  .mega-alt .ik { width: 16px; height: 16px; }
  .mega-dar { left: auto; right: auto; width: 320px; border: 1px solid var(--cizgi); border-radius: var(--r-b); top: calc(100% + 14px); padding: 8px; }
  .mega-dar ul { list-style: none; display: grid; }
  .mega-dar a { display: grid; gap: 2px; padding: 11px 12px; border-radius: var(--r); text-decoration: none; }
  .mega-dar a b { color: var(--murekkep); font-weight: 600; font-size: .96875rem; }
  .mega-dar a span { color: var(--soluk); font-size: .84375rem; }
  .mega-dar a:hover { background: var(--kagit); }

  .ust-sag { display: flex; align-items: center; gap: 10px; margin-left: auto; }
  .ust-tel { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 10px; color: var(--murekkep); text-decoration: none; font: 600 .96875rem/1 var(--f-govde); font-variant-numeric: tabular-nums; border-radius: var(--r); white-space: nowrap; }
  .ust-tel .ik { color: var(--turuncu-k); }
  .ust-tel span { display: none; }
  .ust-tel:hover { background: var(--kagit); color: var(--murekkep); }
  .menu-ac { display: inline-grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--beyaz); }
  .menu-ac .ik { width: 22px; height: 22px; }
  @media (max-width: 640px) { .ust-basvuru { display: none; } .logo-yazi small { display: none; } :root { --ust-h: 64px; } }
  @media (min-width: 1120px) { .nav { display: block; } .menu-ac { display: none; } .ust-sag { margin-left: 8px; } }
  @media (min-width: 1400px) { .ust-tel span { display: inline; } }
  @media (min-width: 1120px) and (max-width: 1320px) { .logo-yazi small { display: none; } .nav-btn { padding: 0 10px; } }

  /* Mobil menu */
  .mobil-menu { position: fixed; inset: 0; z-index: 60; background: var(--beyaz); display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; }
  .mobil-menu[hidden] { display: none; }
  .mobil-ust { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; background: var(--beyaz); }
  .menu-kapat { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--beyaz); }
  .mobil-nav { padding: 8px 16px; flex: 1; }
  .mobil-nav details { border-bottom: 1px solid var(--cizgi); }
  .mobil-nav summary, .mobil-link { display: flex; align-items: center; justify-content: space-between; min-height: 56px; font: 600 1.0625rem/1.2 var(--f-baslik); color: var(--murekkep); text-decoration: none; list-style: none; cursor: pointer; }
  .mobil-nav summary::-webkit-details-marker { display: none; }
  .mobil-nav details[open] summary .ik-s { transform: rotate(180deg); }
  .mobil-link { border-bottom: 1px solid var(--cizgi); }
  .mobil-nav ul { list-style: none; padding: 0 0 14px; display: grid; }
  .mobil-nav ul a { display: block; padding: 10px 12px; color: var(--murekkep-2); text-decoration: none; border-radius: var(--r); }
  .mobil-nav ul a:hover { background: var(--kagit); }
  .mobil-alt { display: grid; gap: 10px; padding: 16px; border-top: 1px solid var(--cizgi); position: sticky; bottom: 0; background: var(--beyaz); }

  /* Izler */
  .izler { padding-top: 22px; }
  .izler ol { display: flex; flex-wrap: wrap; gap: 4px 0; list-style: none; font-size: .875rem; color: var(--soluk); }
  .izler li + li::before { content: "/"; margin: 0 9px; color: var(--cizgi-2); }
  .izler a { color: var(--soluk); text-decoration: none; }
  .izler a:hover { color: var(--murekkep); text-decoration: underline; }
  .izler [aria-current] { color: var(--murekkep); }

  /* Bulucu (islem arama) */
  .bulucu { position: relative; display: grid; gap: 10px; max-width: 620px; }
  .bulucu-et { font: 600 .9375rem/1.3 var(--f-govde); color: var(--murekkep); }
  .bulucu-kutu { display: flex; align-items: center; gap: 10px; background: var(--beyaz); border: 1.5px solid var(--cizgi-2); border-radius: var(--r-b); padding: 6px 6px 6px 16px; box-shadow: var(--golge); transition: border-color .2s, box-shadow .2s; }
  .bulucu-kutu:focus-within { border-color: var(--lacivert); box-shadow: 0 0 0 4px rgb(22 67 122 / .12), var(--golge); }
  .bulucu-kutu > .ik { color: var(--soluk); }
  .bulucu-kutu input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; height: 48px; font-size: 1.0625rem; }
  .bulucu-kutu input::placeholder { color: #6A7584; }
  .bulucu-kutu input::-webkit-search-cancel-button { display: none; }
  .bulucu-liste { position: absolute; left: 0; right: 0; top: calc(100% - 34px); z-index: 20; list-style: none; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); box-shadow: var(--golge-b); padding: 6px; max-height: 360px; overflow: auto; }
  .bulucu-liste a { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 12px; padding: 11px 12px; border-radius: var(--r); text-decoration: none; color: var(--murekkep); }
  .bulucu-liste a b { font-weight: 600; }
  .bulucu-liste a small { color: var(--soluk); font-size: .8125rem; grid-column: 1; }
  .bulucu-liste a .ik { grid-row: 1 / 3; grid-column: 2; color: var(--soluk); width: 18px; height: 18px; }
  .bulucu-liste [aria-selected="true"] a, .bulucu-liste a:hover { background: var(--kagit); }
  .bulucu-liste .bos-sonuc { padding: 12px; color: var(--soluk); font-size: .9375rem; }
  .bulucu-hizli { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .875rem; color: var(--soluk); }
  .bulucu-hizli a { padding: 6px 12px; border: 1px solid var(--cizgi); border-radius: 999px; text-decoration: none; color: var(--murekkep-2); background: rgb(255 255 255 / .6); transition: border-color .2s, background-color .2s; }
  .bulucu-hizli a:hover { border-color: var(--lacivert); background: var(--beyaz); color: var(--murekkep); }
  .bulucu-sade { margin-top: 28px; }
  .filtre-sonuc { font-size: .875rem; color: var(--soluk); min-height: 1.4em; }

  /* Dizin (islem listesi) */
  .dizin-izgara { display: grid; gap: clamp(40px, 5vw, 64px); }
  @media (min-width: 900px) { .dizin-izgara { display: block; columns: 2; column-gap: clamp(40px, 5vw, 72px); } .dizin-grup { break-inside: avoid; margin-bottom: clamp(40px, 5vw, 64px); } }
  .dizin-grup h2, .dizin-grup h3 { font-size: 1.3125rem; padding-bottom: 6px; }
  .dizin-aciklama { color: var(--soluk); font-size: .9375rem; padding-bottom: 14px; border-bottom: 2px solid var(--murekkep); }
  .dizin-grup ul, .one-liste { list-style: none; }
  .dizin-grup li, .one-liste li { border-bottom: 1px solid var(--cizgi); }
  .dizin-grup a, .one-liste a {
    display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 4px 16px; padding: 18px 4px; text-decoration: none; color: var(--murekkep);
    transition: background-color .25s var(--gecis), padding .3s var(--gecis);
  }
  .dizin-ik { grid-row: 1 / 3; width: 26px; height: 26px; color: var(--lacivert); margin-top: 1px; }
  .dizin-ad { font: 650 1.125rem/1.3 var(--f-baslik); letter-spacing: -.01em; font-weight: 700; }
  .dizin-kisa { grid-column: 2; color: var(--soluk); font-size: .9375rem; line-height: 1.5; max-width: 52ch; }
  .dizin-ok { grid-row: 1 / 3; grid-column: 3; align-self: center; color: var(--cizgi-2); transition: transform .3s var(--gecis), color .2s; }
  .dizin-grup a:hover, .one-liste a:hover { background: var(--beyaz); padding-inline: 14px; }
  .dizin-grup a:hover .dizin-ok, .one-liste a:hover .dizin-ok { color: var(--turuncu-k); transform: translateX(3px); }
  .dizin-grup li[hidden] { display: none; }
  .dizin-grup.bos { display: none; }
  .one-liste { display: grid; border-top: 2px solid var(--murekkep); }
  @media (min-width: 900px) { .one-liste { grid-template-columns: 1fr 1fr; column-gap: 56px; } }
  .tum-link { margin-top: 24px; }

  /* SSS */
  .sss-ic { max-width: 900px; display: grid; gap: 22px; }
  .sss-ic > .b-baslik:not(:first-child) { margin-top: 32px; }
  .sss-liste { border-top: 2px solid var(--murekkep); }
  .sss-oge { border-bottom: 1px solid var(--cizgi); }
  .sss-oge summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 2px; cursor: pointer; list-style: none; font: 600 1.0625rem/1.4 var(--f-govde); color: var(--murekkep); }
  .sss-oge summary::-webkit-details-marker { display: none; }
  .sss-oge summary:hover { color: var(--lacivert); }
  .sss-isaret { position: relative; width: 14px; height: 14px; flex: none; }
  .sss-isaret::before, .sss-isaret::after { content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 2px; background: currentColor; border-radius: 2px; transition: transform .3s var(--gecis); }
  .sss-isaret::after { transform: rotate(90deg); }
  .sss-oge[open] .sss-isaret::after { transform: rotate(0); }
  .sss-oge p { padding: 0 2px 22px; color: var(--murekkep-2); max-width: 72ch; }
  .sss-oge::details-content { block-size: 0; overflow: clip; transition: block-size .35s var(--gecis), content-visibility .35s allow-discrete; }
  .sss-oge[open]::details-content { block-size: auto; }
  @supports (interpolate-size: allow-keywords) { :root { interpolate-size: allow-keywords; } }

  /* Dayanak listesi */
  .dayanak { list-style: none; display: grid; gap: 0; border-top: 1px solid var(--cizgi); }
  .dayanak li { border-bottom: 1px solid var(--cizgi); }
  .dayanak a { display: grid; grid-template-columns: 1fr auto; gap: 2px 14px; padding: 14px 2px; text-decoration: none; color: var(--murekkep); }
  .dayanak-ad { font-weight: 600; line-height: 1.35; }
  .dayanak-bilgi { grid-column: 1; font: 500 .8125rem/1.4 var(--f-mono); color: var(--soluk); }
  .dayanak-ozet { grid-column: 1; color: var(--murekkep-2); font-size: .9375rem; margin-top: 6px; }
  .dayanak a > .ik-dis { grid-row: 1; grid-column: 2; align-self: center; width: 16px; height: 16px; margin: 0; color: var(--soluk); }
  .dayanak a:hover .dayanak-ad { color: var(--lacivert); text-decoration: underline; text-underline-offset: .18em; }

  /* Paylas */
  .paylas { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--cizgi); }
  .paylas-et { font-size: .875rem; color: var(--soluk); margin-right: 6px; }
  .paylas-btn { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--cizgi); background: var(--beyaz); color: var(--murekkep-2); transition: border-color .2s, color .2s, background-color .2s; }
  .paylas-btn svg { width: 18px; height: 18px; }
  .paylas-btn:hover { border-color: var(--murekkep); color: var(--murekkep); }
  .paylas-btn.tamam { background: var(--wa); border-color: var(--wa); color: var(--beyaz); }

  /* Bant (CTA) */
  .bant { background: var(--gece); color: var(--gece-yazi); position: relative; overflow: hidden; isolation: isolate; }
  .bant-ic { display: grid; gap: 28px; padding-block: clamp(48px, 7vw, 80px); align-items: center; }
  @media (min-width: 960px) { .bant-ic { grid-template-columns: 1.3fr auto; gap: 56px; } }
  .bant h2 { color: var(--beyaz); font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.3rem); }
  .bant p { margin-top: 12px; max-width: 62ch; }
  .bant-btn { display: flex; flex-wrap: wrap; gap: 12px; }

  /* Footer */
  .alt { background: #0A1A2C; color: var(--gece-yazi); font-size: .9375rem; padding-bottom: 84px; }
  @media (min-width: 900px) { .alt { padding-bottom: 0; } }
  .alt-ic { display: grid; gap: 40px; padding-block: 64px 40px; }
  @media (min-width: 760px) { .alt-ic { grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1100px) { .alt-ic { grid-template-columns: 1.1fr 1.75fr .75fr 1.15fr; gap: 44px; } }
  .alt-marka p { margin-top: 18px; max-width: 36ch; line-height: 1.6; }
  .alt-bas { font: 600 .75rem/1 var(--f-govde); letter-spacing: .09em; text-transform: uppercase; color: #8FA2B8; margin-bottom: 16px; }
  .alt ul { list-style: none; display: grid; gap: 9px; }
  .alt-iki { grid-template-columns: 1fr 1fr; column-gap: 20px; }
  .alt a { color: var(--gece-yazi); text-decoration: none; }
  .alt a:hover { color: var(--beyaz); text-decoration: underline; }
  .alt-iletisim li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; line-height: 1.5; }
  .alt-iletisim .ik, .alt-iletisim svg { width: 18px; height: 18px; margin-top: 2px; color: var(--turuncu); }
  .alt-son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; padding-block: 22px 26px; border-top: 1px solid rgb(255 255 255 / .1); font-size: .8125rem; color: #8FA2B8; }
  .alt-linkler { display: flex; flex-wrap: wrap; gap: 6px 18px; }
  .alt-linkler a, .alt-link-btn { color: #8FA2B8; }
  .alt-link-btn { background: none; border: 0; padding: 0; font: inherit; text-decoration: none; }
  .alt-link-btn:hover { color: var(--beyaz); text-decoration: underline; }
  .sosyal { display: flex !important; gap: 10px !important; margin-top: 22px; list-style: none; padding: 0; }
  .sosyal a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgb(255 255 255 / .18); transition: background-color .2s, border-color .2s; }
  .sosyal a:hover { background: rgb(255 255 255 / .08); border-color: rgb(255 255 255 / .4); }
  .sosyal svg { width: 18px; height: 18px; }
  .sosyal-koyu a { border-color: var(--cizgi-2); color: var(--murekkep); background: var(--beyaz); }
  .sosyal-koyu a:hover { border-color: var(--murekkep); background: var(--beyaz); }
  .sosyal-blok { margin-top: 28px; font-size: .9375rem; color: var(--soluk); }
  .sosyal-blok .sosyal { margin-top: 10px; }

  /* Mobil aksiyon cubugu */
  .aksiyon-cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 1px; background: var(--cizgi); border-top: 1px solid var(--cizgi); padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -10px 30px -18px rgb(14 34 56 / .4); }
  .aksiyon-cubuk a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 60px; background: var(--beyaz); color: var(--murekkep); text-decoration: none; font-weight: 600; font-size: .9375rem; }
  .aksiyon-cubuk svg { width: 20px; height: 20px; }
  .aksiyon-cubuk .ac-wa svg { color: var(--wa); }
  .aksiyon-cubuk .ac-ana { background: var(--lacivert); color: var(--beyaz); }
  @media (min-width: 900px) { .aksiyon-cubuk { display: none; } }

  /* Cerez */
  .cerez { position: fixed; z-index: 70; left: 16px; right: 16px; bottom: 76px; max-width: 520px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); box-shadow: var(--golge-b); padding: 18px; display: grid; gap: 14px; font-size: .9375rem; }
  .cerez[hidden] { display: none; }
  .cerez-btn { display: flex; gap: 10px; justify-content: flex-end; }
  @media (min-width: 900px) { .cerez { bottom: 20px; left: 20px; } }

  /* Harita */
  .harita { position: relative; min-height: 360px; border-radius: var(--r-b); overflow: hidden; background: #E6E3D8; border: 1px solid var(--cizgi); }
  .harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
  .harita-arka { position: absolute; inset: 0; width: 100%; height: 100%; }
  .h-yol { fill: #fff; stroke: #D6D1C3; }
  .h-sokak { stroke: #fff; stroke-width: 9; fill: none; }
  .h-blok { fill: #D8D3C4; }
  .harita-on { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 6px; text-align: center; padding: 24px; }
  .harita-igne { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--turuncu); color: var(--beyaz); box-shadow: 0 10px 20px -8px rgb(168 83 8 / .7); margin-bottom: 8px; }
  .harita-igne .ik { transform: rotate(45deg); }
  .harita-on b { font: 700 1.125rem/1.2 var(--f-baslik); }
  .harita-on span { font-size: .9375rem; color: var(--murekkep-2); }
  .harita-on .btn { margin-top: 12px; }
  .harita-on small { font-size: .78rem; color: var(--soluk); max-width: 30ch; margin-top: 4px; }
  .harita.yuklu .harita-on, .harita.yuklu .harita-arka { display: none; }

  /* Iletisim listesi */
  .iletisim-dl { display: grid; border-top: 2px solid var(--murekkep); margin-bottom: 28px; }
  .iletisim-dl > div { display: grid; gap: 4px; padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
  @media (min-width: 560px) { .iletisim-dl > div { grid-template-columns: 170px 1fr; gap: 16px; } }
  .iletisim-dl dt { display: flex; align-items: center; gap: 9px; font-weight: 600; color: var(--soluk); font-size: .9375rem; }
  .iletisim-dl dt .ik, .iletisim-dl dt svg { width: 18px; height: 18px; color: var(--turuncu-k); }
  .iletisim-dl dd { line-height: 1.55; }
  .iletisim-dl a { font-weight: 600; text-decoration: none; font-variant-numeric: tabular-nums; }
  .iletisim-dl a:hover { text-decoration: underline; }

  /* Formlar */
  .form-kart { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); box-shadow: var(--golge-b); padding: clamp(20px, 3vw, 32px); display: grid; gap: 16px; }
  .alan { display: grid; gap: 7px; }
  .alan > span { font-weight: 600; font-size: .9375rem; }
  .alan em { color: var(--turuncu-k); font-style: normal; }
  .alan input, .alan select, .alan textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid var(--cizgi-2); border-radius: var(--r); background: var(--beyaz); font-size: 1rem; transition: border-color .2s, box-shadow .2s; }
  .alan textarea { min-height: 96px; resize: vertical; }
  .alan input:focus, .alan select:focus, .alan textarea:focus { outline: 0; border-color: var(--lacivert); box-shadow: 0 0 0 4px rgb(22 67 122 / .12); }
  .alan input::placeholder, .alan textarea::placeholder { color: #6A7584; }
  .alan-hata { display: none; color: #B42318; font-size: .84375rem; }
  .alan.hata input, .alan.hata select { border-color: #B42318; }
  .alan.hata .alan-hata { display: block; }
  .alan-cift { display: grid; gap: 16px; }
  @media (min-width: 520px) { .alan-cift { grid-template-columns: 1fr 1fr; } }
  .form-alt { text-align: center; font-size: .875rem; color: var(--soluk); }

  /* Not kutusu */
  .not-kutu { display: flex; gap: 14px; align-items: flex-start; margin-top: 48px; padding: 18px 20px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); font-size: .9375rem; color: var(--murekkep-2); max-width: 900px; }
  .not-kutu .ik { color: var(--lacivert); margin-top: 2px; }


  /* Sayfa meta (guncelleme / yazdir) */
  .sayfa-meta { border-top: 1px solid var(--cizgi); }
  .sayfa-meta-ic { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; padding-block: 18px; font-size: .875rem; color: var(--soluk); }
  .sayfa-meta p { display: flex; align-items: center; gap: 8px; }
  .sayfa-meta .ik { width: 16px; height: 16px; }
  .sayfa-meta-btn { gap: 18px !important; }
  .sayfa-meta-btn button, .sayfa-meta-btn a { display: inline-flex; align-items: center; gap: 7px; background: none; border: 0; padding: 6px 0; color: var(--murekkep-2); font: 500 .875rem/1 var(--f-govde); text-decoration: none; }
  .sayfa-meta-btn button:hover, .sayfa-meta-btn a:hover { color: var(--lacivert); text-decoration: underline; }

  /* Hizli erisim seridi */
  .hizli { background: var(--beyaz); border-block: 1px solid var(--cizgi); }
  .hizli-liste { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); }
  @media (min-width: 760px) { .hizli-liste { grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1180px) { .hizli-liste { grid-template-columns: repeat(6, 1fr); } }
  .hizli-liste li { border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
  @media (min-width: 1180px) { .hizli-liste li { border-bottom: 0; } .hizli-liste li:first-child { border-left: 1px solid var(--cizgi); } }
  @media (max-width: 759px) { .hizli-liste li:nth-child(2n) { border-right: 0; } .hizli-liste li:nth-last-child(-n+2) { border-bottom: 0; } }
  @media (min-width: 760px) and (max-width: 1179px) { .hizli-liste li:nth-child(3n) { border-right: 0; } .hizli-liste li:nth-last-child(-n+3) { border-bottom: 0; } }
  .hizli-liste a { display: grid; gap: 4px; align-content: start; height: 100%; padding: 22px 18px 22px; text-decoration: none; color: var(--murekkep); position: relative; transition: background-color .2s var(--gecis); }
  .hizli-liste a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--turuncu); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--gecis); }
  .hizli-liste a:hover { background: var(--kagit); }
  .hizli-liste a:hover::after, .hizli-liste a:focus-visible::after { transform: none; }
  .hizli-liste .ik { width: 26px; height: 26px; color: var(--lacivert); margin-bottom: 8px; }
  .hizli-liste b { font: 700 1rem/1.25 var(--f-baslik); }
  .hizli-liste span { font-size: .8125rem; color: var(--soluk); line-height: 1.4; }
  @media (max-width: 420px) { .hizli-liste a { padding: 18px 14px; } .hizli-liste span:not(.gizli) { display: none; } }

  /* Duyurular */
  .b-ust-sira { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px 32px; max-width: none; }
  .duyuru-liste { list-style: none; display: grid; border-top: 2px solid var(--murekkep); }
  .duyuru-liste li { display: grid; grid-template-columns: 76px 1fr; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--cizgi); }
  @media (min-width: 900px) { .duyuru-liste li { grid-template-columns: 110px 1fr; gap: 32px; } }
  .duyuru-liste time { display: grid; align-content: start; justify-items: start; padding-top: 2px; }
  .duyuru-liste time b { font: 800 2.25rem/1 var(--f-baslik); letter-spacing: -.03em; color: var(--murekkep); }
  .duyuru-liste time span { font-size: .8125rem; color: var(--soluk); margin-top: 6px; }
  .duyuru-liste h3 { font-size: 1.1875rem; line-height: 1.3; }
  .duyuru-liste h3 a { color: var(--murekkep); text-decoration: none; }
  .duyuru-liste h3 a:hover { color: var(--lacivert); text-decoration: underline; }
  .duyuru-liste p { color: var(--murekkep-2); margin-top: 8px; max-width: 78ch; }
  .duyuru-liste .duyuru-kaynak { font-size: .78rem; color: var(--turuncu-k); margin-top: 10px; }

  /* Icindekiler */
  .yan-toc ol { list-style: none; counter-reset: t; display: grid; border-left: 2px solid var(--cizgi); }
  .yan-toc li { counter-increment: t; }
  .yan-toc a { display: block; padding: 7px 0 7px 16px; margin-left: -2px; border-left: 2px solid transparent; text-decoration: none; color: var(--murekkep-2); font-size: .9375rem; line-height: 1.4; transition: color .2s, border-color .2s; }
  .yan-toc a:hover { color: var(--murekkep); border-left-color: var(--cizgi-2); }
  .yan-toc a[aria-current="true"] { color: var(--lacivert); border-left-color: var(--turuncu); font-weight: 600; }
  .one-tek { grid-template-columns: 1fr !important; }
  @media (max-width: 999px) { .yan-toc { display: none; } }
}

@layer sayfa {
  /* ===== Giris (ana sayfa hero) ===== */
  .giris { position: relative; padding-top: clamp(36px, 6vw, 72px); overflow: hidden; isolation: isolate; }
  .giris-ic { display: grid; gap: 40px; align-items: center; }
  @media (min-width: 1000px) { .giris-ic { grid-template-columns: 1.05fr 1fr; gap: 64px; } }
  .giris h1 { font-size: clamp(2.35rem, 1.3rem + 4vw, 4.1rem); line-height: 1.02; letter-spacing: -.035em; font-weight: 800; max-width: 13ch; }
  .giris-alt { margin-top: 20px; font-size: clamp(1.0625rem, 1rem + .3vw, 1.1875rem); color: var(--murekkep-2); max-width: 58ch; line-height: 1.6; }
  .giris .bulucu { margin-top: 32px; }
  .giris-btn { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
  @media (max-width: 520px) { .giris-btn .btn { flex: 1 1 100%; } .bulucu-kutu .btn { padding: 0 16px; } }

  /* Pafta cizimi */
  .pafta { margin: 0; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); box-shadow: var(--golge-b); overflow: hidden; }
  .pafta-svg { width: 100%; height: auto; font-family: var(--f-mono); }
  .p-izgara { stroke: #ECE9DF; stroke-width: 1; }
  .p-tarama { stroke: rgb(227 121 28 / .16); stroke-width: 2; }
  .p-koord text { font-size: 10px; fill: #8A93A0; }
  .p-yol { fill: #EFEDE6; stroke: #D3CEC0; }
  .p-yol-ad { font-size: 11px; letter-spacing: .3em; fill: #8A93A0; font-family: var(--f-govde); font-weight: 600; }
  .p-komsu path { fill: #FBFAF6; stroke: #9BA4B0; stroke-width: 1.2; }
  .p-no text { font-size: 13px; fill: #7B8592; text-anchor: middle; }
  .p-secili { fill: var(--turuncu-acik); stroke: var(--murekkep); stroke-width: 2.4; stroke-linejoin: round; }
  .p-secili-tar { pointer-events: none; }
  .p-ifraz { fill: none; stroke: var(--turuncu); stroke-width: 2.6; stroke-dasharray: 1; stroke-dashoffset: 0; }
  .p-olcu path { stroke: var(--murekkep-2); stroke-width: 1; fill: none; }
  .p-olcu text { font-size: 11px; fill: var(--murekkep-2); text-anchor: middle; }
  .p-nokta circle { fill: var(--beyaz); stroke: var(--murekkep); stroke-width: 2; }
  .p-nokta .p-yeni circle { fill: var(--turuncu); stroke: var(--turuncu-k); }
  .p-nokta text { font-size: 12px; fill: var(--murekkep); font-weight: 500; }
  .p-etiket text { font-family: var(--f-baslik); font-size: 22px; font-weight: 700; fill: var(--murekkep); text-anchor: middle; }
  .p-etiket .p-alan { font-family: var(--f-mono); font-size: 12px; font-weight: 500; fill: var(--murekkep-2); }
  .p-kuzey path { fill: var(--murekkep); }
  .p-kuzey text { font-size: 11px; text-anchor: middle; fill: var(--murekkep); }
  .pafta-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; padding: 12px 16px; border-top: 1px solid var(--cizgi); font-size: .8125rem; color: var(--soluk); background: #FCFBF8; }
  .pafta-alt b { color: var(--murekkep); }

  @media (prefers-reduced-motion: no-preference) {
    .pafta.ciz .p-ifraz { animation: ifraz 1.3s var(--gecis) .5s both; }
    .pafta.ciz .p-yeni { animation: nokta .6s var(--gecis) both; animation-delay: calc(1.35s + (var(--g) - 4) * .12s); transform-box: fill-box; transform-origin: center; }
    .pafta.ciz .p-etiket { animation: belir .7s var(--gecis) 1.6s both; }
  }
  @keyframes ifraz { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
  @keyframes nokta { from { opacity: 0; transform: scale(.2); } to { opacity: 1; transform: none; } }
  @keyframes belir { from { opacity: 0; filter: blur(4px); } to { opacity: 1; filter: none; } }

  /* Kunye seridi */
  .kunye { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: clamp(40px, 6vw, 72px); border-top: 1px solid var(--cizgi-2); }
  @media (min-width: 900px) { .kunye { grid-template-columns: repeat(4, 1fr); } }
  .kunye > div { padding: 20px 20px 20px 0; display: grid; gap: 4px; }
  .kunye > div + div { padding-left: 20px; border-left: 1px solid var(--cizgi); }
  @media (max-width: 899px) { .kunye > div:nth-child(3) { padding-left: 0; border-left: 0; } .kunye > div:nth-child(n+3) { border-top: 1px solid var(--cizgi); } }
  .kunye dt { font-size: .8125rem; color: var(--soluk); }
  .kunye dd { font: 600 1.0625rem/1.35 var(--f-baslik); }
  .kunye dd.mono { font-size: 1.0625rem; }

  /* Surec */
  .surec { background: var(--beyaz); border-block: 1px solid var(--cizgi); }
  .surec-liste { list-style: none; counter-reset: s; display: grid; gap: 0; }
  @media (min-width: 900px) { .surec-liste { grid-template-columns: repeat(5, 1fr); } }
  .surec-liste li { counter-increment: s; position: relative; display: grid; align-content: start; gap: 8px; padding: 22px 20px 22px 0; border-top: 2px solid var(--murekkep); }
  .surec-liste li::before { content: counter(s); font: 500 .8125rem/1 var(--f-mono); color: var(--turuncu-k); }
  .surec-liste li::after { content: ""; position: absolute; top: -6px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--beyaz); border: 2px solid var(--murekkep); }
  .surec-liste b { font: 700 1.125rem/1.3 var(--f-baslik); }
  .surec-liste span { color: var(--soluk); font-size: .9375rem; }
  @media (max-width: 899px) { .surec-liste li { padding-left: 28px; border-top: 0; background: linear-gradient(var(--murekkep), var(--murekkep)) 0 0 / 2px 100% no-repeat; } .surec-liste li::after { top: 24px; left: -6px; } .surec-liste li:last-child { background: none; } }

  /* Yasal blok */
  .yasal-ic { display: grid; gap: 40px; }
  @media (min-width: 960px) { .yasal-ic { grid-template-columns: 1fr 1fr; gap: 72px; } }
  .yasal-metin p { margin-top: 18px; color: var(--murekkep-2); max-width: 60ch; }
  .yasal-metin .b-baslik + p { margin-top: 22px; }
  .yasal-link { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 26px !important; }
  .yasal-liste h3 { font-size: .8125rem; font-family: var(--f-govde); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); margin-bottom: 12px; }
  .yasal-liste > .ok-link { margin-top: 20px; }

  /* Mahalle blok */
  .mahalle-blok { background: var(--gece); color: var(--gece-yazi); }
  .mahalle-blok .b-baslik { color: var(--beyaz); }
  .mahalle-blok .b-alt { color: var(--gece-yazi); margin-top: 14px; }
  .mahalle-ic { display: grid; gap: 36px; }
  @media (min-width: 960px) { .mahalle-ic { grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: start; } }
  .mahalle-liste { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
  .mahalle-liste a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid rgb(255 255 255 / .2); border-radius: 999px; color: var(--beyaz); text-decoration: none; font-weight: 500; transition: background-color .2s, border-color .2s, color .2s; }
  .mahalle-liste a:hover { background: var(--turuncu); border-color: var(--turuncu); color: var(--gece); }

  /* Konum */
  .konum-ic { display: grid; gap: 40px; align-items: stretch; }
  @media (min-width: 960px) { .konum-ic { grid-template-columns: 1fr 1.15fr; gap: 64px; } }
  .konum-bilgi > p { margin: 16px 0 28px; color: var(--murekkep-2); max-width: 52ch; }

  /* ===== Ic sayfa basligi ===== */
  .sayfa-bas { padding-block: clamp(24px, 4vw, 44px) clamp(40px, 6vw, 72px); border-bottom: 1px solid var(--cizgi); }
  .sayfa-bas h1 { font-size: clamp(2.1rem, 1.3rem + 3.2vw, 3.5rem); letter-spacing: -.032em; font-weight: 800; max-width: 20ch; }
  .sayfa-bas-ic { display: grid; gap: 32px; align-items: end; }
  @media (min-width: 1000px) { .sayfa-bas-ic { grid-template-columns: 1.4fr 1fr; gap: 64px; } }
  .sayfa-grup { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; font-size: .9375rem; font-weight: 600; color: var(--lacivert); }
  .sayfa-grup .ik { width: 20px; height: 20px; }
  .ozet-kart { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); box-shadow: var(--golge); padding: 8px 22px 22px; }
  .ozet-kart > div:not(.ozet-btn) { display: grid; grid-template-columns: 130px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); font-size: .9375rem; }
  .ozet-kart dt { color: var(--soluk); }
  .ozet-kart dd { font-weight: 600; }
  .ozet-btn { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 18px; }
  .ozet-btn .btn { padding: 0 12px; }
  @media (max-width: 400px) { .ozet-btn { grid-template-columns: 1fr; } .ozet-kart > div:not(.ozet-btn) { grid-template-columns: 1fr; gap: 2px; } }

  /* Icerik + yan */
  .icerik-izgara { display: grid; gap: 48px; padding-block: clamp(48px, 6vw, 80px); }
  @media (min-width: 1000px) { .icerik-izgara { grid-template-columns: minmax(0, 1fr) 340px; gap: 72px; align-items: start; } }
  .bolum > .icerik-izgara { padding-block: 0; }
  .metin { min-width: 0; }
  .metin > h2 { font-size: clamp(1.4rem, 1.15rem + .9vw, 1.8rem); margin: 52px 0 16px; }
  .metin > h2:first-child { margin-top: 0; }
  .metin > p { color: var(--murekkep-2); max-width: 70ch; margin-bottom: 14px; }
  .metin-dar { max-width: 820px; }
  .metin-sss { margin-top: 56px; }
  .metin-sss .b-baslik { font-size: clamp(1.4rem, 1.15rem + .9vw, 1.8rem); margin-bottom: 18px; }
  .madde { padding-left: 1.2em; display: grid; gap: 8px; color: var(--murekkep-2); max-width: 70ch; margin-bottom: 14px; }
  .madde li::marker { color: var(--turuncu-k); }
  .tik-liste, .evrak-liste { list-style: none; display: grid; gap: 2px; max-width: 72ch; }
  .tik-liste li, .evrak-liste li { display: grid; grid-template-columns: 22px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
  .tik-liste .ik { color: var(--wa); margin-top: 3px; }
  .evrak-liste .ik { color: var(--lacivert); margin-top: 3px; }
  .adim-liste { list-style: none; counter-reset: a; display: grid; max-width: 72ch; }
  .adim-liste li { counter-increment: a; position: relative; display: grid; gap: 4px; padding: 0 0 26px 52px; }
  .adim-liste li::before { content: counter(a); position: absolute; left: 0; top: -2px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--murekkep); color: var(--beyaz); font: 500 .875rem/1 var(--f-mono); }
  .adim-liste li:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 36px; bottom: 4px; width: 2px; background: var(--cizgi); }
  .adim-liste b { font: 700 1.0625rem/1.4 var(--f-baslik); }
  .adim-liste span { color: var(--soluk); }
  .adim-sade { margin-top: 32px; }
  .not-satir { font-size: .9375rem; color: var(--soluk) !important; margin-top: 14px; }

  .yan { display: grid; gap: 20px; }
  @media (min-width: 1000px) { .yan { position: sticky; top: calc(var(--ust-h) + 24px); } }
  .yan-kart { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); padding: 24px; display: grid; gap: 12px; }
  .yan-kart h2 { font-size: 1.1875rem; }
  .yan-kart > p { color: var(--soluk); font-size: .9375rem; }
  .yan-basvuru { border-top: 3px solid var(--turuncu); box-shadow: var(--golge); }
  .yan-not { display: grid; grid-template-columns: 16px 1fr; gap: 8px; align-items: start; font-size: .84375rem; color: var(--soluk); margin-top: 4px; }
  .yan-not .ik { width: 16px; height: 16px; margin-top: 3px; }
  .yan-ilgili ul { list-style: none; display: grid; }
  .yan-ilgili li + li { border-top: 1px solid var(--cizgi); }
  .yan-ilgili a { display: flex; align-items: center; gap: 12px; padding: 11px 0; text-decoration: none; color: var(--murekkep); font-weight: 500; }
  .yan-ilgili a .ik { color: var(--lacivert); }
  .yan-ilgili a:hover span { text-decoration: underline; text-underline-offset: .18em; }
  .yan-ilgili > .ok-link { margin-top: 6px; }

  /* Evrak dl, kunye tablo */
  .evrak-dl, .kunye-tablo { display: grid; border-top: 2px solid var(--murekkep); max-width: 820px; margin-bottom: 8px; }
  .evrak-dl > div, .kunye-tablo > div { display: grid; gap: 4px; padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
  @media (min-width: 640px) { .evrak-dl > div, .kunye-tablo > div { grid-template-columns: 210px 1fr; gap: 20px; } }
  .evrak-dl dt { display: flex; align-items: center; gap: 10px; font-weight: 600; }
  .evrak-dl dt .ik { color: var(--lacivert); }
  .evrak-dl dd, .kunye-tablo dd { color: var(--murekkep-2); }
  .kunye-tablo dt { color: var(--soluk); }
  .kunye-tablo dd { font-weight: 600; color: var(--murekkep); }

  /* Tablo */
  .tablo-sar { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: var(--r-b); background: var(--beyaz); }
  .tablo { width: 100%; border-collapse: collapse; font-size: .9375rem; }
  .tablo th, .tablo td { text-align: left; vertical-align: top; padding: 14px 18px; border-bottom: 1px solid var(--cizgi); }
  .tablo tr:last-child > * { border-bottom: 0; }
  .tablo thead th { font-size: .8125rem; color: var(--soluk); font-weight: 600; background: #FCFBF8; }
  .tablo tbody th { width: 34%; font-weight: 600; }
  .tablo tbody th a { text-decoration: none; }
  .tablo ul { padding-left: 1.1em; display: grid; gap: 4px; color: var(--murekkep-2); }
  @media (max-width: 640px) { .tablo thead { display: none; } .tablo tr { display: grid; border-bottom: 1px solid var(--cizgi); } .tablo th, .tablo td { border: 0; width: auto !important; padding: 10px 16px; } .tablo td { padding-top: 0; } }

  /* Mahalle kartlari */
  .mahalle-kartlar { display: grid; gap: 1px; background: var(--cizgi); border: 1px solid var(--cizgi); border-radius: var(--r-b); overflow: hidden; }
  @media (min-width: 640px) { .mahalle-kartlar { grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1000px) { .mahalle-kartlar { grid-template-columns: repeat(3, 1fr); } }
  .mahalle-kart { position: relative; display: grid; gap: 6px; padding: 22px 52px 22px 22px; background: var(--beyaz); text-decoration: none; color: var(--murekkep); transition: background-color .2s; }
  .mahalle-kart b { font: 700 1.1875rem/1.2 var(--f-baslik); }
  .mahalle-kart span { font-size: .875rem; color: var(--soluk); }
  .mahalle-kart .ik { position: absolute; right: 20px; top: 50%; translate: 0 -50%; color: var(--cizgi-2); transition: color .2s, transform .3s var(--gecis); }
  .mahalle-kart:hover { background: #FCFBF8; }
  .mahalle-kart:hover .ik { color: var(--turuncu-k); transform: translateX(3px); }

  /* Mevzuat */
  .sekme-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
  .sekme-nav a { padding: 9px 16px; border: 1px solid var(--cizgi-2); border-radius: 999px; text-decoration: none; color: var(--murekkep); font-weight: 500; font-size: .9375rem; background: var(--beyaz); }
  .sekme-nav a:hover { border-color: var(--murekkep); }
  .mevzuat-grup + .mevzuat-grup { margin-top: 64px; }
  .mevzuat-grup > h2 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); padding-bottom: 14px; border-bottom: 2px solid var(--murekkep); }
  .mevzuat-liste { list-style: none; display: grid; }
  .mevzuat-liste > li { display: grid; gap: 10px; padding: 26px 0; border-bottom: 1px solid var(--cizgi); scroll-margin-top: calc(var(--ust-h) + 20px); }
  @media (min-width: 960px) { .mevzuat-liste > li { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 12px 56px; } .mev-ilgili { grid-column: 2; } }
  .mevzuat-liste > li:target { background: var(--turuncu-acik); box-shadow: -16px 0 0 var(--turuncu-acik), 16px 0 0 var(--turuncu-acik); }
  .mev-bas h3 { font-size: 1.1875rem; line-height: 1.3; }
  .mev-bas h3 a { color: var(--murekkep); text-decoration: none; }
  .mev-bas h3 a:hover { color: var(--lacivert); text-decoration: underline; }
  .mev-kunye { font-size: .8125rem; color: var(--soluk); margin-top: 6px; }
  .mevzuat-liste p { color: var(--murekkep-2); }
  .mev-ilgili { display: flex; flex-wrap: wrap; gap: 6px; font-size: .84375rem; align-items: center; }
  .mev-ilgili span { color: var(--soluk); margin-right: 4px; }
  .mev-ilgili a { padding: 4px 10px; border-radius: 999px; background: var(--kagit-2); text-decoration: none; color: var(--murekkep-2); }
  .mev-ilgili a:hover { background: var(--murekkep); color: var(--beyaz); }

  /* E-hizmetler */
  .eh-liste { list-style: none; display: grid; gap: 1px; background: var(--cizgi); border: 1px solid var(--cizgi); border-radius: var(--r-b); overflow: hidden; }
  @media (min-width: 760px) { .eh-liste { grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1100px) { .eh-liste { grid-template-columns: repeat(3, 1fr); } }
  .eh-liste a { position: relative; display: grid; align-content: start; gap: 8px; height: 100%; padding: 24px 52px 24px 24px; background: var(--beyaz); text-decoration: none; color: var(--murekkep); transition: background-color .2s; }
  .eh-liste a:hover { background: #FCFBF8; }
  .eh-kurum { font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--turuncu-k); }
  .eh-liste b { font: 700 1.1875rem/1.25 var(--f-baslik); }
  .eh-ne { color: var(--soluk); font-size: .9375rem; }
  .eh-adres { font-size: .78rem; color: var(--lacivert); margin-top: 4px; word-break: break-all; }
  .eh-liste .ik-dis { position: absolute; right: 22px; top: 26px; width: 18px; height: 18px; color: var(--soluk); margin: 0; }

  /* Basvuru */
  .basvuru-ic { display: grid; gap: 40px; align-items: start; }
  @media (min-width: 1000px) { .basvuru-ic { grid-template-columns: 1fr 1.05fr; gap: 72px; } }

  /* 404 */
  .bos { padding-block: clamp(64px, 10vw, 140px); }
  .bos-kod { color: var(--turuncu-k); margin-bottom: 14px; }
  .bos .btn-sira { margin-top: 32px; }
}

@layer yardimci {
  @media print {
    .serit, .ust, .aksiyon-cubuk, .cerez, .bant, .paylas, .yan, .alt, .sayfa-meta, .izler, .mobil-menu, .hizli, .harita, .ozet-btn, .bulucu { display: none !important; }
    .icerik-izgara { display: block; }
    a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .75em; color: #555; word-break: break-all; }
    .sss-oge::details-content { block-size: auto; }
    body { background: #fff; }
  }
}