/* Vidanjörcüler — portal stili (2026-10 kimlik).
   Kimlik: lacivert #0B2D5B (güven, tint), turuncu #FF7A00 (eylem, vurgu, öne çıkan), gri #6B7280, zemin #F4F6F8.
   Yazı: Montserrat. Bileşen yapısı iOS dilinde (sheet, alt sekme çubuğu, gruplu listeler). Yalnız aydınlık mod. */

:root {
  color-scheme: light;
  --tint: #0b2d5b;
  --tint-bas: #08244a;
  --tint-zemin: rgba(11, 45, 91, .08);
  --tint-yazi: #ffffff;
  --turuncu: #ff7a00;
  --turuncu-bas: #e06b00;
  --turuncu-yazi: #c25600;
  --turuncu-zemin: rgba(255, 122, 0, .12);
  --sari: #ff7a00;
  --sari-k: #c25600;
  --sari-zemin: rgba(255, 122, 0, .12);
  --yesil: #248a3d;
  --yesil-zemin: rgba(52, 199, 89, .14);
  --kirmizi: #d70015;
  --kirmizi-zemin: rgba(255, 59, 48, .1);
  --zemin: #f4f6f8;
  --zemin-2: #ffffff;
  --yuzey: #ffffff;
  --yuzey-2: #f4f6f8;
  --yuzey-3: #e5e7eb;
  --etiket: #101828;
  --etiket-2: #6b7280;
  --etiket-3: rgba(107, 114, 128, .55);
  --ayrac: rgba(11, 45, 91, .12);
  --ayrac-k: rgba(11, 45, 91, .24);
  --dolgu: rgba(11, 45, 91, .06);
  --dolgu-2: rgba(11, 45, 91, .1);
  --cubuk: rgba(255, 255, 255, .86);
  --gece: #061833;
  --gece-2: #0b2d5b;
  --gece-yazi: rgba(232, 238, 248, .76);
  --beyaz: #ffffff;
  --cam: rgba(255, 255, 255, .74);
  --cam-cizgi: rgba(255, 255, 255, .55);
  --golge-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .03);
  --golge-2: 0 2px 6px rgba(0, 0, 0, .04), 0 12px 32px -12px rgba(0, 0, 0, .16);
  --golge-3: 0 4px 12px rgba(11, 45, 91, .08), 0 32px 64px -24px rgba(6, 24, 51, .42);
  --karart: rgba(0, 0, 0, .4);

  --f: "Montserrat", system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --kap: 1200px;
  --r-s: 8px;
  --r-m: 12px;
  --r-l: 16px;
  --r-xl: 22px;
  --egri: cubic-bezier(.2, .8, .2, 1);
  --sekme-h: 0px;
}


*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 76px; -webkit-tap-highlight-color: transparent; }
body {
  margin: 0;
  background: var(--zemin);
  color: var(--etiket);
  font: 400 1rem/1.6 var(--f);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
img, svg { max-width: 100%; }
img { height: auto; }
a { color: var(--tint); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }
:focus-visible { outline: 3px solid var(--tint); outline-offset: 2px; border-radius: 6px; }
h1, h2, h3, h4 { color: var(--etiket); margin: 0 0 .5em; line-height: 1.12; font-weight: 700; }
h1 { font-size: clamp(2rem, 1.35rem + 2.8vw, 3.25rem); letter-spacing: -.025em; line-height: 1.1; font-weight: 800; color: var(--tint); }
h2 { font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.25rem); letter-spacing: -.02em; font-weight: 800; color: var(--tint); }
h3 { font-size: 1.125rem; letter-spacing: -.01em; font-weight: 700; }
.vurgu { color: var(--turuncu); }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; }
.kap { width: min(var(--kap), 100% - 32px); margin-inline: auto; }
.ic { width: 1.15em; height: 1.15em; flex: none; vertical-align: -.2em; }
.atla { position: absolute; left: 12px; top: -60px; z-index: 80; background: var(--tint); color: var(--tint-yazi); padding: 10px 14px; border-radius: var(--r-s); }
.atla:focus { top: 12px; }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ust-baslik { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--turuncu-yazi); }
.ust-baslik::before { content: ""; width: 22px; height: 3px; border-radius: 2px; background: var(--turuncu); }

/* --- Düğmeler (iOS dolu / tonlu / düz) ---------------------------------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: .45em;
  min-height: 50px; padding: 12px 24px; border: 0; border-radius: var(--r-s);
  background: var(--turuncu); color: #fff;
  font: 700 1rem/1.2 var(--f); letter-spacing: 0; text-decoration: none; cursor: pointer;
  box-shadow: 0 6px 16px -6px rgba(255, 122, 0, .55);
  transition: background-color .2s var(--egri), transform .2s var(--egri), opacity .2s;
}
.dugme:hover { background: var(--turuncu-bas); color: #fff; text-decoration: none; }
.dugme:active { transform: scale(.97); opacity: .85; }
.dugme:disabled { opacity: .5; cursor: default; }
.dugme-kucuk { min-height: 40px; padding: 8px 18px; font-size: .9063rem; }
.dugme-lacivert { background: var(--tint); box-shadow: none; }
.dugme-lacivert:hover { background: var(--tint-bas); }
.dugme-tam { width: 100%; }
.dugme-sari { background: var(--turuncu); color: #fff; }
.dugme-sari:hover { background: var(--turuncu-bas); color: #fff; }
.dugme-tonlu, .dugme-cizgi { background: var(--tint-zemin); color: var(--tint); box-shadow: none; }
.dugme-tonlu:hover, .dugme-cizgi:hover { background: var(--tint-zemin); color: var(--tint); filter: brightness(.96); }
.dugme-hayalet { background: rgba(255, 255, 255, .12); color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .4); backdrop-filter: blur(20px) saturate(1.6); -webkit-backdrop-filter: blur(20px) saturate(1.6); }
.dugme-hayalet:hover { background: rgba(255, 255, 255, .24); color: #fff; }
.dugme-beyaz { background: #fff; color: var(--tint); box-shadow: none; }
.dugme-beyaz:hover { background: #fff; color: var(--tint); filter: brightness(.95); }
.dugme-wa { background: #1f9d55; color: #fff; }
.dugme-wa:hover { background: #1a8a4a; color: #fff; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.bag { display: inline-flex; align-items: center; gap: .35em; font-weight: 700; color: var(--tint); text-decoration: none; }
.bag .ic { width: 1em; height: 1em; }
.bag:hover { text-decoration: none; opacity: .75; }

/* --- Gezinme çubuğu (bulanık, ince ayraçlı) ------------------------------ */
.ust {
  position: sticky; top: 0; z-index: 40;
  background: var(--cubuk);
  backdrop-filter: saturate(1.8) blur(20px); -webkit-backdrop-filter: saturate(1.8) blur(20px);
  box-shadow: 0 .5px 0 var(--ayrac);
  transition: background-color .3s var(--egri), box-shadow .3s var(--egri);
}
.ust-ic { display: flex; align-items: center; gap: 24px; min-height: 72px; }
.ust-logo { display: flex; flex: none; }
.ust-logo img { width: 214px; height: auto; display: block; }
.logo-koyu { display: none !important; }
.ana-menu { display: flex; align-items: center; gap: 20px; flex: 1; }
.ana-menu ul { list-style: none; display: flex; gap: 2px; margin-left: auto; }
.ana-menu ul a { display: block; padding: 8px 12px; border-radius: var(--r-s); color: var(--tint); font-size: .875rem; font-weight: 600; text-decoration: none; transition: background-color .2s; }
.ana-menu ul a:hover { background: var(--dolgu); }
.ana-menu ul a[aria-current] { color: var(--turuncu-yazi); background: transparent; box-shadow: inset 0 -2px 0 var(--turuncu); border-radius: 0; }
.ust-eylem { display: flex; align-items: center; gap: 14px; }
.ust-sorgula { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--ayrac-k); color: var(--tint); text-decoration: none; }
.ust-sorgula .ic { width: 20px; height: 20px; }
.ust-sorgula span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ust-sorgula:hover, .ust-sorgula[aria-current] { color: var(--tint); text-decoration: none; }
.menu-dugme { display: none; }


/* Ana sayfada çubuk görselin üstünde şeffaf başlar, kaydırınca malzemeye döner. */
.sayfa-ana .ust { position: fixed; left: 0; right: 0; }
.sayfa-ana .ust:not(.kaydi) { background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.sayfa-ana .ust:not(.kaydi) .logo-acik { display: none !important; }
.sayfa-ana .ust:not(.kaydi) .logo-koyu { display: block !important; }
.sayfa-ana .ust:not(.kaydi) .ana-menu ul a, .sayfa-ana .ust:not(.kaydi) .ust-sorgula { color: rgba(255, 255, 255, .94); }
.sayfa-ana .ust:not(.kaydi) .ust-sorgula { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .45); }
.sayfa-ana .ust:not(.kaydi) .ana-menu ul a:hover { background: rgba(255, 255, 255, .14); }
.sayfa-ana .ust:not(.kaydi) .menu-dugme { color: #fff; background: rgba(255, 255, 255, .16); }

@media (max-width: 960px) {
  .ust-ic { min-height: 52px; justify-content: space-between; }
  .ust-logo img { width: 168px; }
  .menu-dugme { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: var(--dolgu); color: var(--etiket); cursor: pointer; }
  .menu-dugme .ic { width: 20px; height: 20px; }
  .menu-dugme span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .ana-menu {
    display: none; position: absolute; right: 12px; top: calc(100% + 6px); width: min(300px, calc(100vw - 24px));
    flex-direction: column; align-items: stretch; gap: 0; padding: 6px 0;
    background: var(--cam); backdrop-filter: blur(30px) saturate(1.8); -webkit-backdrop-filter: blur(30px) saturate(1.8);
    border-radius: var(--r-m); box-shadow: var(--golge-3);
    transform-origin: top right; animation: menu-ac .22s var(--egri);
  }
  .ana-menu.acik { display: flex; }
  .ana-menu ul { flex-direction: column; margin: 0; gap: 0; }
  .ana-menu ul a, .sayfa-ana .ust:not(.kaydi) .ana-menu ul a { padding: 11px 16px; border-radius: 0; color: var(--etiket); font-size: 1.0625rem; box-shadow: inset 0 -.5px 0 var(--ayrac); }
  .ana-menu ul a[aria-current] { background: transparent; color: var(--tint); }
  .ust-eylem { flex-direction: column; align-items: stretch; gap: 0; }
  .ust-sorgula, .sayfa-ana .ust:not(.kaydi) .ust-sorgula { display: flex; width: auto; height: auto; place-items: initial; gap: 8px; border-radius: 0; padding: 11px 16px; color: var(--etiket); font-size: 1.0625rem; box-shadow: inset 0 -.5px 0 var(--ayrac); }
  .ust-sorgula span { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .ust-eylem .dugme { margin: 10px 12px 6px; }
}
@keyframes menu-ac { from { opacity: 0; transform: scale(.92); } }

/* --- Alt sekme çubuğu (yalnız mobil) ------------------------------------- */
.sekme { display: none; }
@media (max-width: 760px) {
  :root { --sekme-h: calc(56px + env(safe-area-inset-bottom)); }
  body { padding-bottom: var(--sekme-h); }
  .sekme {
    display: grid; grid-template-columns: repeat(5, 1fr);
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 45;
    padding: 6px 4px env(safe-area-inset-bottom);
    background: var(--cubuk); backdrop-filter: saturate(1.8) blur(20px); -webkit-backdrop-filter: saturate(1.8) blur(20px);
    box-shadow: 0 -.5px 0 var(--ayrac);
  }
  .sekme a { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 2px 0 4px; color: var(--etiket-2); font-size: .625rem; font-weight: 500; letter-spacing: 0; text-decoration: none; }
  .sekme a .ic { width: 26px; height: 26px; stroke-width: 1.6; }
  .sekme a[aria-current] { color: var(--tint); }
  .sekme a[aria-current] .ic { stroke-width: 2; }
  .sekme .sekme-ana .ic { width: 30px; height: 30px; padding: 4px; margin: -2px 0 -2px; border-radius: 50%; background: var(--turuncu); color: #fff; stroke-width: 2.2; }
  .sekme .sekme-ana { color: var(--turuncu-yazi); }
  .sekme a[aria-current] { color: var(--turuncu-yazi); }
}

/* --- Ana sayfa: kahraman ------------------------------------------------- */
.kahraman { position: relative; isolation: isolate; min-height: clamp(660px, 92vh, 880px); --gece: #061833; display: flex; align-items: flex-end; color: #fff; background: var(--gece); overflow: hidden; }
.kahraman-gorsel { position: absolute; inset: 0; z-index: -2; }
.kahraman-gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; display: block; }
.kahraman::before { content: ""; position: absolute; inset: 0; z-index: -1; background:
  linear-gradient(90deg, rgba(6, 24, 51, .94) 0%, rgba(8, 33, 68, .78) 36%, rgba(11, 45, 91, .18) 66%, rgba(11, 45, 91, 0) 100%),
  linear-gradient(180deg, rgba(6, 24, 51, .6) 0%, rgba(6, 24, 51, 0) 22%, rgba(6, 24, 51, 0) 70%, rgba(6, 24, 51, .6) 100%); }
.kahraman-ic { width: min(var(--kap), 100% - 32px); margin: 0 auto; padding: 120px 0 56px; display: grid; grid-template-columns: minmax(0, 600px); gap: 28px; }
.rozet-cam { display: inline-flex; align-items: center; gap: 8px; justify-self: start; padding: 6px 14px 6px 8px; border-radius: 999px; background: rgba(255, 255, 255, .14); backdrop-filter: blur(20px) saturate(1.6); -webkit-backdrop-filter: blur(20px) saturate(1.6); box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .3); font-size: .875rem; font-weight: 500; color: #fff; }
.rozet-cam .nokta { width: 8px; height: 8px; margin-left: 6px; border-radius: 50%; background: var(--turuncu); box-shadow: 0 0 0 4px rgba(255, 122, 0, .3); }
.kahraman h1 { color: #fff; font-size: clamp(2.375rem, 1.4rem + 3.2vw, 3.75rem); max-width: 15ch; margin: 0; text-wrap: balance; }
.kahraman-alt { margin: 0; max-width: 34em; font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.5; color: rgba(255, 255, 255, .82); }

.bul-kart {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px; border-radius: var(--r-m);
  background: #fff; box-shadow: var(--golge-3); color: var(--etiket);
}
.bul-satir { display: grid; grid-template-columns: 1.1fr 1fr 1fr .95fr; background: var(--yuzey); border-radius: var(--r-s); overflow: hidden; }
.bul-alan { position: relative; display: grid; padding: 9px 14px 8px; min-width: 0; }
.bul-alan + .bul-alan { box-shadow: inset .5px 0 0 var(--ayrac); }
.bul-alan label { display: flex; align-items: center; gap: 6px; font-size: .75rem; font-weight: 700; color: var(--tint); letter-spacing: 0; }
.bul-alan label .ic { width: 15px; height: 15px; color: var(--turuncu); }
.bul-alan select, .bul-alan input[type=date] { appearance: none; -webkit-appearance: none; width: 100%; min-height: 0; padding: 2px 22px 2px 0; border: 0; border-radius: 0; background: transparent; color: var(--etiket-2); font: 500 .9375rem/1.4 var(--f); letter-spacing: 0; text-overflow: ellipsis; cursor: pointer; box-shadow: none; }
.bul-alan input[type=date] { padding-right: 0; }
.bul-alan select:focus, .bul-alan input[type=date]:focus { outline: none; box-shadow: none; background: transparent; }
.bul-alan:has(input[type=date])::after { display: none; }
.bul-alan:focus-within { background: var(--tint-zemin); }
.bul-alan::after { content: ""; position: absolute; right: 14px; bottom: 17px; width: 7px; height: 7px; border: solid var(--etiket-3); border-width: 0 1.8px 1.8px 0; transform: rotate(45deg); pointer-events: none; }
.bul-alan select:disabled { color: var(--etiket-3); cursor: default; }
.bul-eylem { display: grid; gap: 0; }
.bul-eylem .dugme { min-width: 210px; min-height: 56px; }
.bul-alt { margin: -14px 0 0; font-size: .9375rem; }
.bul-alt a { color: #fff; font-weight: 700; }
.bul-alt a .ic { color: var(--turuncu); }

.guven { list-style: none; display: flex; flex-wrap: wrap; gap: 14px 30px; font-size: .875rem; font-weight: 600; line-height: 1.3; color: #fff; }
.guven li { display: inline-flex; align-items: center; gap: 10px; }
.guven li + li { padding-left: 30px; box-shadow: inset 1px 0 0 rgba(255, 255, 255, .2); }
.guven .ic { width: 40px; height: 40px; padding: 9px; border-radius: 50%; color: var(--turuncu); box-shadow: inset 0 0 0 1.5px var(--turuncu); stroke-width: 1.9; }

.sayilar { position: relative; z-index: 2; margin-top: -1px; background: var(--zemin-2); box-shadow: 0 .5px 0 var(--ayrac); }
.sayilar ul { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); }
.sayilar li { padding: 26px 20px; text-align: center; }
.sayilar li + li { box-shadow: inset .5px 0 0 var(--ayrac); }
.sayilar strong { display: block; font-size: clamp(1.5rem, 1.15rem + 1.3vw, 2.125rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.1; color: var(--tint); font-variant-numeric: tabular-nums; }
.sayilar li:nth-child(2) strong, .sayilar li:nth-child(4) strong { color: var(--turuncu); }
.sayilar span { font-size: .875rem; color: var(--etiket-2); }

@media (max-width: 760px) {
  .kahraman { min-height: 0; align-items: flex-end; }
  .kahraman-gorsel img { object-position: 50% 0%; }
  .kahraman-gorsel { bottom: auto; height: 78vh; height: 78svh; }
  .kahraman::before { background: linear-gradient(180deg, rgba(6, 24, 51, .6) 0%, rgba(6, 24, 51, 0) 14%, rgba(6, 24, 51, 0) 34%, rgba(6, 24, 51, .86) 52%, var(--gece) 76%); }
  .kahraman-ic { padding: calc(40vh) 0 28px; padding-top: 40svh; gap: 16px; grid-template-columns: minmax(0, 1fr); }
  .kahraman h1 { font-size: 2.125rem; max-width: 14ch; }
  .kahraman-alt { font-size: 1rem; }
  .bul-kart { grid-template-columns: 1fr; padding: 8px; }
  .bul-satir { grid-template-columns: 1fr 1fr; }
  .bul-alan:nth-child(odd) { box-shadow: inset 0 .5px 0 var(--ayrac); }
  .bul-alan:nth-child(-n+2) { box-shadow: none; }
  .bul-alan:nth-child(2) { box-shadow: inset .5px 0 0 var(--ayrac); }
  .bul-alan:nth-child(4) { box-shadow: inset .5px .5px 0 var(--ayrac); }
  .bul-eylem .dugme { min-width: 0; width: 100%; min-height: 52px; }
  .bul-alt { margin: -6px 0 0; text-align: center; font-size: .875rem; }
  .guven { gap: 10px 14px; font-size: .75rem; }
  .guven li + li { padding-left: 14px; }
  .guven .ic { width: 32px; height: 32px; padding: 7px; }
  .rozet-cam { font-size: .8125rem; }
  .sayilar ul { grid-template-columns: repeat(2, 1fr); }
  .sayilar li { padding: 18px 12px; }
  .sayilar li:nth-child(3) { box-shadow: inset 0 .5px 0 var(--ayrac); }
  .sayilar li:nth-child(4) { box-shadow: inset .5px .5px 0 var(--ayrac); }
}

/* --- Bölüm iskeleti ------------------------------------------------------ */
.bolum { padding: 104px 0; }
.bolum-beyaz { background: var(--zemin-2); }
.bolum-beton { background: var(--zemin); }
.bolum-bas { max-width: 680px; margin-bottom: 40px; }
.bolum-bas h2 { margin-bottom: 12px; text-wrap: balance; }
.bolum-bas p { color: var(--etiket-2); font-size: 1.1875rem; line-height: 1.5; margin: 0; }
.bolum-bas-yan { max-width: none; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.bolum-bas-yan > div { max-width: 680px; }
@media (max-width: 760px) {
  .bolum { padding: 64px 0; }
  .bolum-bas { margin-bottom: 26px; }
  .bolum-bas p { font-size: 1.0625rem; }
}

/* --- Vitrin -------------------------------------------------------------- */
.vitrin { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vitrin-kart {
  position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden;
  border-radius: var(--r-l); background: var(--yuzey); box-shadow: var(--golge-2);
  transition: transform .35s var(--egri), box-shadow .35s var(--egri);
}
.vitrin-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-3); }
.vk-ust { position: relative; height: 112px; background:
  linear-gradient(115deg, transparent 62%, rgba(255, 122, 0, .9) 62%, rgba(255, 122, 0, .9) 66%, transparent 66%),
  radial-gradient(120% 140% at 0% 0%, rgba(31, 74, 133, .9), transparent 60%),
  var(--gece-2); }
.vk-rozet { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px 4px 8px; border-radius: 999px; background: rgba(255, 255, 255, .16); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); color: #fff; font-size: .75rem; font-weight: 600; }
.vk-rozet .ic { width: 14px; height: 14px; color: var(--turuncu); fill: var(--turuncu); }
.vk-logo { position: absolute; left: 20px; bottom: -30px; width: 68px; height: 68px; border-radius: 18px; background: var(--yuzey); box-shadow: 0 0 0 4px var(--yuzey), var(--golge-1); object-fit: contain; }
.vk-logo.fk-harf { display: grid; place-items: center; }
.vk-govde { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 44px 20px 20px; }
.vk-govde h3 { margin: 0; font-size: 1.25rem; }
.vk-govde h3 a { color: var(--etiket); }
.vk-govde h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.vk-yer { display: flex; align-items: center; gap: 4px; margin: -6px 0 0; font-size: .9375rem; color: var(--etiket-2); }
.vk-alt { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; padding-top: 6px; }
.vk-alt .dugme { min-height: 40px; font-size: .9375rem; border-radius: 12px; }
.vitrin-bos { display: flex; flex-direction: column; justify-content: center; gap: 12px; height: 100%; min-height: 320px; padding: 28px; border-radius: var(--r-l); border: 1.5px dashed var(--ayrac-k); background: transparent; }
.vitrin-bos .vb-ikon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--turuncu-zemin); color: var(--turuncu); }
.vitrin-bos .vb-ikon .ic { width: 28px; height: 28px; }
.vitrin-bos h3 { margin: 4px 0 0; font-size: 1.1875rem; }
.vitrin-bos p { margin: 0; color: var(--etiket-2); font-size: .9688rem; }
.vitrin-bos .bag { margin-top: 4px; }
@media (max-width: 1020px) { .vitrin { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .vitrin { display: flex; gap: 12px; margin: 0 -16px; padding: 4px 16px 18px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 16px; scrollbar-width: none; }
  .vitrin::-webkit-scrollbar { display: none; }
  .vitrin > li { flex: 0 0 84%; scroll-snap-align: start; }
  .vitrin-bos { min-height: 300px; }
}

/* --- İl kartları + arama -------------------------------------------------- */
.arama { position: relative; display: block; max-width: 420px; flex: 1 1 280px; }
.arama .ic { position: absolute; left: 11px; top: 50%; width: 18px; height: 18px; margin-top: -9px; color: var(--etiket-2); pointer-events: none; }
.arama input[type=search] { width: 100%; min-height: 44px; padding: 10px 14px 10px 36px; border: 0; border-radius: 12px; background: var(--dolgu); color: var(--etiket); font: 400 1.0625rem/1.3 var(--f); letter-spacing: -.015em; -webkit-appearance: none; appearance: none; box-shadow: none; }
.arama input[type=search]::placeholder { color: var(--etiket-2); }
.arama input[type=search]:focus { outline: none; box-shadow: 0 0 0 3px var(--tint-zemin); background: var(--dolgu-2); }
.arama input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }

.il-kartlar { list-style: none; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.il-kart {
  display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center;
  height: 100%; padding: 14px 12px 14px 14px; border-radius: var(--r-m); background: var(--yuzey); box-shadow: var(--golge-1);
  color: var(--etiket); text-decoration: none; transition: transform .25s var(--egri), box-shadow .25s var(--egri), background-color .2s;
}
.il-kart:hover { text-decoration: none; transform: translateY(-2px); box-shadow: var(--golge-2); }
.il-kart:active { transform: scale(.98); }
.il-kart .plaka { grid-row: span 2; }
.il-kart strong { font-size: 1rem; font-weight: 650; letter-spacing: -.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.il-kart small { grid-column: 2; font-size: .8125rem; color: var(--etiket-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.il-kart .ic { grid-row: 1 / span 2; grid-column: 3; width: 16px; height: 16px; color: var(--etiket-3); stroke-width: 2.4; }
.il-kart.var small { color: var(--turuncu-yazi); font-weight: 600; }
.plaka { display: inline-grid; place-items: center; min-width: 38px; height: 38px; padding: 0 4px; border-radius: 50%; background: var(--tint); color: #fff; font: 700 .8125rem/1 var(--f); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.il-kartlar > li[hidden] { display: none; }
.il-daha { display: flex; justify-content: center; margin-top: 24px; }
.il-yok { margin: 20px 0 0; color: var(--etiket-2); text-align: center; }
@media (max-width: 1100px) { .il-kartlar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) { .il-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .il-kart { padding: 11px 8px 11px 10px; column-gap: 10px; } .plaka { min-width: 32px; height: 32px; font-size: .8125rem; border-radius: 9px; } }

/* --- Sheet: mobilde alttan, masaüstünde ortada --------------------------- */
.sheet { position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 24px; }
.sheet[hidden] { display: none; }
.sheet-perde { position: absolute; inset: 0; background: var(--karart); animation: perde .3s var(--egri); }
.sheet-kutu {
  position: relative; display: flex; flex-direction: column; width: min(720px, 100%); max-height: min(760px, calc(100vh - 48px));
  border-radius: var(--r-xl); background: var(--zemin); box-shadow: var(--golge-3); overflow: hidden;
  animation: sheet-orta .38s var(--egri);
}
.sheet-tutamak { display: none; }
.sheet-bas { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 18px 20px 12px; }
.sheet-bas h2 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 1.375rem; letter-spacing: -.02em; }
.sheet-bas p { grid-column: 1 / -1; margin: -4px 0 0; color: var(--etiket-2); font-size: .9375rem; }
.sheet-kapat { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: var(--dolgu); color: var(--etiket-2); cursor: pointer; }
.sheet-kapat .ic { width: 16px; height: 16px; stroke-width: 2.6; }
.sheet-arama { padding: 0 20px 12px; }
.sheet-arama .arama { max-width: none; }
.sheet-govde { overflow-y: auto; padding: 4px 20px 24px; overscroll-behavior: contain; }
.sheet-tum { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding: 14px 16px; border-radius: var(--r-m); background: var(--tint); color: var(--tint-yazi); text-decoration: none; box-shadow: inset 4px 0 0 var(--turuncu); }
.sheet-tum:hover { text-decoration: none; color: var(--tint-yazi); filter: brightness(1.06); }
.sheet-tum .ic { width: 22px; height: 22px; }
.sheet-tum strong { display: block; font-size: 1.0625rem; font-weight: 600; }
.sheet-tum small { display: block; font-size: .8125rem; opacity: .8; }
.sheet-tum .ic:last-child { margin-left: auto; width: 18px; height: 18px; }
.sheet-alt-baslik { margin: 0 4px 8px; font-size: .8125rem; font-weight: 500; color: var(--etiket-2); text-transform: uppercase; letter-spacing: .02em; }
body.sheet-acik { overflow: hidden; }
@keyframes perde { from { opacity: 0; } }
@keyframes sheet-orta { from { opacity: 0; transform: translateY(16px) scale(.97); } }
@keyframes sheet-alt { from { transform: translateY(100%); } }
@media (max-width: 760px) {
  .sheet { align-items: flex-end; padding: 0; }
  .sheet-kutu { width: 100%; max-height: calc(100vh - 44px); max-height: calc(100svh - 44px); border-radius: 14px 14px 0 0; animation: sheet-alt .42s var(--egri); padding-bottom: env(safe-area-inset-bottom); }
  .sheet-tutamak { display: block; width: 36px; height: 5px; margin: 6px auto 0; border-radius: 3px; background: var(--etiket-3); }
  .sheet-bas { padding: 10px 16px 10px; }
  .sheet-bas h2 { font-size: 1.375rem; }
  .sheet-arama { padding: 0 16px 10px; }
  .sheet-govde { padding: 4px 16px 24px; }
}

/* İlçe kartları (sheet içinde ve il sayfasında aynı) */
.ilce-kartlar { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 !important; margin: 0; }
.ilce-kartlar li { margin: 0 !important; }
.ilce-kartlar li[hidden] { display: none; }
.ilce-kart { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 100%; min-height: 52px; padding: 10px 12px 10px 14px; border-radius: 12px; background: var(--yuzey); color: var(--etiket); font-size: .9688rem; font-weight: 500; text-decoration: none; transition: background-color .15s, transform .2s var(--egri); }
.ilce-kart:hover { text-decoration: none; background: var(--tint-zemin); color: var(--tint); }
.ilce-kart:active { transform: scale(.97); }
.ilce-kart .ic { width: 14px; height: 14px; color: var(--etiket-3); stroke-width: 2.6; }
.ilce-kart[aria-current] { background: var(--turuncu); color: #fff; }
.ilce-kart[aria-current] .ic { color: currentColor; }
@media (max-width: 760px) { .ilce-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* --- Hizmetler ----------------------------------------------------------- */
.hizmet-gorsel { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.hg-kart { display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: var(--r-l); background: var(--yuzey); box-shadow: var(--golge-2); color: var(--etiket); text-decoration: none; transition: transform .35s var(--egri), box-shadow .35s var(--egri); }
.hg-kart:hover { text-decoration: none; transform: translateY(-3px); box-shadow: var(--golge-3); }
.hg-kart picture { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--yuzey-2); }
.hg-kart img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s var(--egri); }
.hg-kart:hover img { transform: scale(1.04); }
.hg-govde { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 18px 20px 20px; }
.hg-govde h3 { margin: 0; font-size: 1.1875rem; }
.hg-govde p { margin: 0; color: var(--etiket-2); font-size: .9375rem; line-height: 1.45; }
.hg-govde .bag { margin-top: auto; padding-top: 8px; font-size: .9375rem; }
@media (max-width: 1020px) { .hizmet-gorsel { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .hizmet-gorsel { gap: 12px; }
  .hg-govde { padding: 12px 14px 14px; }
  .hg-govde h3 { font-size: 1.0625rem; }
  .hg-govde p { display: none; }
}

/* Gruplu inset liste (iOS Ayarlar) */
.liste-grup { list-style: none; margin: 0; padding: 0 !important; border-radius: var(--r-m); background: var(--yuzey); overflow: hidden; }
.liste-grup > li { margin: 0 !important; }
.liste-grup > li + li > .lg-satir::before { content: ""; position: absolute; left: 62px; right: 0; top: 0; height: .5px; background: var(--ayrac); }
.lg-satir { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 16px; align-items: center; min-height: 56px; padding: 12px 16px 12px 14px; color: var(--etiket); text-decoration: none; transition: background-color .15s; }
a.lg-satir:hover { text-decoration: none; background: var(--dolgu); }
a.lg-satir:active { background: var(--dolgu-2); }
.lg-ikon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--tint); color: #fff; }
.lg-ikon .hz-ikon, .lg-ikon .ic { width: 22px; height: 22px; stroke-width: 2; }
.lg-ikon.yesil, .lg-ikon.mor, .lg-ikon.camgobegi { background: var(--tint); }
.lg-ikon.turuncu { background: var(--turuncu); }
.lg-ikon.sari { background: var(--sari); color: #1d1300; }
.lg-ikon.gri { background: #8e8e93; }
.lg-metin strong { display: block; font-size: 1.0625rem; font-weight: 500; letter-spacing: -.02em; }
.lg-metin small { display: block; margin-top: 1px; font-size: .875rem; color: var(--etiket-2); line-height: 1.4; }
.lg-satir > .ic { width: 15px; height: 15px; color: var(--etiket-3); stroke-width: 2.6; }
.liste-grup-cift { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
@media (max-width: 760px) { .liste-grup-cift { grid-template-columns: 1fr; gap: 0; } .liste-grup-cift .liste-grup:first-child { border-radius: var(--r-m) var(--r-m) 0 0; } .liste-grup-cift .liste-grup:last-child { border-radius: 0 0 var(--r-m) var(--r-m); box-shadow: inset 0 .5px 0 var(--ayrac); } }

/* --- Nasıl işler: adımlar + iPhone --------------------------------------- */
.nasil { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 72px; align-items: center; }
.adimlar { list-style: none; display: grid; gap: 4px; margin-top: 8px; }
.adimlar li { display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding: 18px 0; }
.adimlar li + li { box-shadow: inset 0 .5px 0 var(--ayrac); }
.adim-no { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--tint); color: #fff; font: 800 1.0625rem/1 var(--f); box-shadow: 0 0 0 4px var(--turuncu-zemin); }
.adimlar h3 { margin: 8px 0 4px; font-size: 1.1875rem; }
.adimlar p { margin: 0; color: var(--etiket-2); }
.adim-alt { margin: 20px 0 0; }

.iphone { position: relative; width: 340px; max-width: 100%; aspect-ratio: 9 / 19.2; margin-inline: auto; padding: 12px; border-radius: 56px; background: #1a1a1c; box-shadow: inset 0 0 0 2px #3a3a3e, inset 0 0 0 5px #0d0d0e, var(--golge-3); }
.iphone-ekran { position: relative; height: 100%; overflow: hidden; border-radius: 44px; background: #f2f2f7; color: #000; font-size: 13px; letter-spacing: -.01em; }
.iphone-ada { position: absolute; top: 11px; left: 50%; width: 96px; height: 28px; margin-left: -48px; border-radius: 20px; background: #000; z-index: 3; }
.ip-durum { display: flex; justify-content: space-between; padding: 15px 28px 0 32px; font-size: 13px; font-weight: 600; }
.ip-durum span:last-child { letter-spacing: 1px; }
.ip-bildirim { position: absolute; left: 10px; right: 10px; top: 50px; z-index: 2; display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 10px 12px; border-radius: 18px; background: rgba(255, 255, 255, .82); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 8px 24px rgba(0, 0, 0, .14); animation: bildirim 5s var(--egri) infinite; }
.ip-bildirim img { width: 34px; height: 34px; border-radius: 8px; }
.ip-bildirim b { display: block; font-size: 12.5px; }
.ip-bildirim span { display: block; font-size: 12px; color: rgba(60, 60, 67, .7); line-height: 1.3; }
.ip-icerik { padding: 92px 16px 0; }
.ip-icerik .ip-kucuk { margin: 0; font-size: 12px; color: rgba(60, 60, 67, .6); }
.ip-icerik h4 { margin: 0 0 12px; color: #0b2d5b; font-size: 24px; font-weight: 800; letter-spacing: -.02em; }
.ip-grup { margin: 0 0 14px; padding: 0; list-style: none; border-radius: 12px; background: #fff; }
.ip-grup li { display: grid; grid-template-columns: 22px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; font-size: 13.5px; }
.ip-grup li + li { box-shadow: inset 32px .5px 0 #fff, inset 0 .5px 0 rgba(60, 60, 67, .2); }
.ip-grup i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #e5e5ea; font-style: normal; }
.ip-grup .ok i { background: #34c759; }
.ip-grup .ok i::after { content: ""; width: 9px; height: 5px; margin-top: -2px; border: solid #fff; border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.ip-grup .simdi i { background: #ff7a00; box-shadow: 0 0 0 4px rgba(255, 122, 0, .2); }
.ip-grup small { color: rgba(60, 60, 67, .6); font-size: 12px; }
.ip-firma { display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; background: #fff; }
.ip-firma > span:first-child { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #0b2d5b; color: #fff; font-weight: 700; }
.ip-firma b { display: block; font-size: 13.5px; }
.ip-firma small { color: rgba(60, 60, 67, .6); font-size: 12px; }
.ip-firma em { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #34c759; color: #fff; font-style: normal; }
.ip-firma em .ic { width: 16px; height: 16px; stroke-width: 2.2; }
@keyframes bildirim { 0%, 8% { opacity: 0; transform: translateY(-14px) scale(.96); } 14%, 84% { opacity: 1; transform: none; } 92%, 100% { opacity: 0; transform: translateY(-14px) scale(.96); } }
@media (max-width: 960px) { .nasil { grid-template-columns: 1fr; gap: 40px; } .iphone { width: 300px; } }

/* --- Firmalar için ------------------------------------------------------- */
.firma-bandi { position: relative; padding: 104px 0; background: var(--gece); color: var(--gece-yazi); overflow: hidden; }
.firma-bandi h2, .firma-bandi h3 { color: #fff; }
.firma-bandi .ust-baslik { color: var(--turuncu); }
.firma-bandi-ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.firma-bandi-gorsel { position: relative; border-radius: var(--r-xl); overflow: hidden; box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .8); }
.firma-bandi-gorsel img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.firma-bandi-gorsel .rozet-cam { position: absolute; left: 16px; bottom: 16px; }
.firma-bandi p { font-size: 1.125rem; line-height: 1.55; margin-bottom: 24px; }
.firma-bandi-liste { list-style: none; display: grid; gap: 14px; margin: 0 0 30px; }
.firma-bandi-liste li { display: grid; grid-template-columns: 34px 1fr; gap: 14px; align-items: start; }
.firma-bandi-liste .ic { width: 34px; height: 34px; padding: 7px; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 1.5px var(--turuncu); color: var(--turuncu); stroke-width: 2; }
.firma-bandi-liste strong { display: block; color: #fff; font-weight: 600; }
.firma-bandi-liste span { font-size: .9688rem; }
@media (max-width: 960px) { .firma-bandi { padding: 64px 0; } .firma-bandi-ic { grid-template-columns: 1fr; gap: 36px; } }

.paketler { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 64px; }
.paket { position: relative; display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 24px; border-radius: var(--r-l); background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .14); }
.paket.populer { background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1.5px var(--sari); }
.paket-etiket { position: absolute; top: -11px; left: 24px; padding: 3px 10px; border-radius: 999px; background: var(--turuncu); color: #fff; font-size: .75rem; font-weight: 700; }
.paket-ikon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 122, 0, .14); color: var(--turuncu); }
.paket-ikon .ic { width: 22px; height: 22px; stroke-width: 2; }
.paket h3 { margin: 4px 0 0; font-size: 1.25rem; }
.paket > p { margin: 0; font-size: .9688rem; line-height: 1.5; }
.paket ul { list-style: none; display: grid; gap: 8px; margin: 6px 0 4px; font-size: .9375rem; }
.paket li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; }
.paket li .ic { width: 18px; height: 18px; margin-top: 2px; color: var(--turuncu); stroke-width: 2.6; }
.paket-fiyat { margin-top: auto !important; padding-top: 12px; color: #fff; font-size: 1.375rem !important; font-weight: 700; letter-spacing: -.03em; }
.paket-fiyat small { font-size: .875rem; font-weight: 500; color: var(--gece-yazi); letter-spacing: 0; }
@media (max-width: 960px) { .paketler { grid-template-columns: 1fr; margin-top: 44px; } }

/* Açık zeminde paket kartları (başvuru sayfası) */
.paketler-acik .paket { background: var(--yuzey); box-shadow: var(--golge-2); color: var(--etiket-2); }
.paketler-acik .paket h3, .paketler-acik .paket-fiyat { color: var(--etiket); }
.paketler-acik .paket.populer { box-shadow: inset 0 0 0 1.5px var(--sari), var(--golge-2); }
.paketler-acik .paket-ikon { background: var(--sari-zemin); color: var(--sari-k); }
.paketler-acik .paket-fiyat small { color: var(--etiket-2); }
.paketler-acik { margin-top: 24px; }

/* --- Rehber kartları ----------------------------------------------------- */
.yazi-liste { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.yazi-oge { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 22px 22px 20px; border-radius: var(--r-l); background: var(--yuzey); box-shadow: var(--golge-1); color: var(--etiket); text-decoration: none; transition: transform .3s var(--egri), box-shadow .3s var(--egri); }
.yazi-oge:hover { text-decoration: none; transform: translateY(-2px); box-shadow: var(--golge-2); }
.yazi-oge h3, .yazi-oge .h3 { margin: 0; font-size: 1.125rem; line-height: 1.3; font-weight: 650; letter-spacing: -.02em; }
.yazi-oge p { margin: 0; color: var(--etiket-2); font-size: .9375rem; line-height: 1.45; }
.yazi-oge .yazi-sure { margin-top: auto; padding-top: 8px; font-size: .8125rem; color: var(--etiket-2); }
.yazi-oge::before { content: ""; width: 34px; height: 34px; margin-bottom: 4px; border-radius: 9px; background: var(--turuncu-zemin) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e06b00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h7l4 4v13h-11z'/%3E%3Cpath d='M13.5 3.5v4h4M9 12h6M9 15.5h6'/%3E%3C/svg%3E") center / 20px no-repeat; }
.icerik .yazi-liste { padding: 0; }
.icerik .yazi-liste li { margin: 0; }
.yazi-liste-dar { grid-template-columns: 1fr; gap: 10px; }
.yazi-liste-dar .yazi-oge { padding: 16px 18px; }
.yazi-liste-dar .yazi-oge::before { display: none; }
@media (max-width: 960px) { .yazi-liste { grid-template-columns: 1fr; gap: 10px; } }

/* --- SSS (gruplu, açılır) ------------------------------------------------ */
.sss-duzen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 64px; align-items: start; }
.sss-duzen > div:first-child p { color: var(--etiket-2); font-size: 1.0625rem; }
.sss { border-radius: var(--r-m); background: var(--yuzey); overflow: hidden; }
.sss-oge + .sss-oge { box-shadow: inset 16px .5px 0 var(--yuzey), inset 0 .5px 0 var(--ayrac); }
.sss-oge summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 16px; cursor: pointer; list-style: none; font-size: 1.0625rem; font-weight: 500; line-height: 1.35; color: var(--etiket); }
.sss-oge summary::-webkit-details-marker { display: none; }
.sss-oge summary:hover { background: var(--dolgu); }
.sss-ok { width: 18px; height: 18px; color: var(--etiket-3); stroke-width: 2.4; transition: transform .25s var(--egri); }
.sss-oge[open] .sss-ok { transform: rotate(180deg); color: var(--tint); }
.sss-cevap { padding: 0 16px 16px; }
.sss-cevap p { margin: 0; max-width: 62ch; color: var(--etiket-2); font-size: 1rem; line-height: 1.55; }
@media (max-width: 860px) { .sss-duzen { grid-template-columns: 1fr; gap: 16px; } }

/* --- Son çağrı ----------------------------------------------------------- */
.son-cta { padding: 0 0 104px; background: var(--zemin); }
.son-cta-ic { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; padding: 48px 52px; border-radius: var(--r-xl); color: #fff; background:
  linear-gradient(118deg, transparent 72%, var(--turuncu) 72%, var(--turuncu) 75%, transparent 75%),
  radial-gradient(80% 120% at 0% 100%, rgba(31, 74, 133, .9), transparent 60%),
  var(--gece-2); box-shadow: var(--golge-3); }
.son-cta h2 { color: #fff; margin: 0; max-width: 22ch; }
.son-cta p { margin: 10px 0 0; color: rgba(255, 255, 255, .78); max-width: 40em; }
@media (max-width: 760px) { .son-cta { padding-bottom: 64px; } .son-cta-ic { padding: 32px 22px; border-radius: var(--r-l); } .son-cta-ic .dugme { width: 100%; } }

/* --- Alt bilgi ----------------------------------------------------------- */
.alt { background: var(--gece); color: var(--gece-yazi); font-size: .875rem; box-shadow: inset 0 4px 0 var(--turuncu); }
.alt .logo-acik { display: none !important; }
.alt .logo-koyu { display: block !important; }
.alt a { color: #fff; text-decoration: none; opacity: .78; }
.alt a:hover { opacity: 1; text-decoration: underline; }
.alt-ust { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; padding: 64px 0 40px; }
.alt-marka img { width: 230px; height: auto; display: block; margin-bottom: 18px; }
.alt-marka p { max-width: 30em; line-height: 1.55; }
.alt-tel { display: inline-flex; align-items: center; gap: 8px; font-size: 1.0625rem; font-weight: 600; opacity: 1 !important; }
.alt-sutun h2 { color: #fff; font-size: .8125rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 14px; }
.alt-sutun ul { list-style: none; display: grid; gap: 8px; }
.alt-iller { padding: 22px 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
.alt-iller h2 { margin: 0 0 10px; font-size: .8125rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.alt-iller ul { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 14px; }
.alt-iller a { font-size: .8125rem; }
.alt-alt { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 20px 0 28px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); font-size: .8125rem; }
.alt-alt p { margin: 0; max-width: 72ch; }
.alt-pasific { flex: none; white-space: nowrap; }
@media (max-width: 960px) { .alt-ust { grid-template-columns: 1fr 1fr; } .alt-marka { grid-column: 1 / -1; } }
@media (max-width: 560px) { .alt-ust { grid-template-columns: 1fr 1fr; gap: 28px; padding-top: 44px; } .alt-alt { flex-direction: column; align-items: flex-start; } }

/* --- İç sayfa başı (large title) ----------------------------------------- */
.sayfa-bas { position: relative; padding: 28px 0 40px; background: var(--zemin); }
.sayfa-bas h1 { max-width: 22ch; margin-bottom: 12px; text-wrap: balance; }
.sayfa-bas .giris-alt, .giris-alt { max-width: 40em; margin-bottom: 0; color: var(--etiket-2); font-size: 1.1875rem; line-height: 1.5; }
.sayfa-bas-yan { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: end; }
.sayfa-bas .hz-ikon-buyuk { width: 104px; height: 104px; padding: 22px; border-radius: 50%; background: var(--tint); color: #fff; stroke-width: 1.6; box-shadow: 0 0 0 8px var(--turuncu-zemin); }
@media (max-width: 760px) { .sayfa-bas { padding: 16px 0 24px; } .sayfa-bas-yan { grid-template-columns: 1fr; } .sayfa-bas .hz-ikon-buyuk { display: none; } .sayfa-bas .giris-alt, .giris-alt { font-size: 1.0625rem; } }

.kirinti { margin-bottom: 18px; font-size: .875rem; }
.kirinti ol { list-style: none; display: flex; flex-wrap: wrap; gap: 2px 0; }
.kirinti li { display: flex; align-items: center; color: var(--etiket-2); }
.kirinti li + li::before { content: ""; width: 6px; height: 6px; margin: 0 10px 0 8px; border: solid var(--etiket-3); border-width: 1.5px 1.5px 0 0; transform: rotate(45deg); }
.kirinti a { color: var(--tint); }

/* --- Konum (il/ilçe) başlığı: görselli ----------------------------------- */
.konum-bas { position: relative; isolation: isolate; display: flex; align-items: flex-end; min-height: 440px; color: #fff; background: var(--gece); overflow: hidden; }
.konum-bas picture { position: absolute; inset: 0; z-index: -2; }
.konum-bas picture img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; display: block; }
.konum-bas::before { content: ""; position: absolute; inset: 0; z-index: -1; background:
  linear-gradient(90deg, rgba(6, 24, 51, .92) 0%, rgba(8, 33, 68, .68) 42%, rgba(11, 45, 91, .08) 76%),
  linear-gradient(180deg, rgba(6, 24, 51, 0) 50%, rgba(6, 24, 51, .55) 100%); }
.konum-bas .kap { padding: 40px 0 44px; }
.konum-bas .kirinti li { color: rgba(255, 255, 255, .7); }
.konum-bas .kirinti a { color: #fff; }
.konum-bas h1 .vurgu { color: var(--turuncu); }
.konum-bas .kirinti li + li::before { border-color: rgba(255, 255, 255, .5); }
.konum-bas h1 { color: #fff; max-width: 16ch; margin: 0 0 12px; font-size: clamp(2.375rem, 1.5rem + 3.4vw, 4rem); }
.konum-bas .giris-alt { color: rgba(255, 255, 255, .84); max-width: 38em; }
.konum-cipler { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.konum-cipler li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .14); backdrop-filter: blur(16px) saturate(1.6); -webkit-backdrop-filter: blur(16px) saturate(1.6); box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .25); font-size: .875rem; font-weight: 500; }
.konum-cipler .ic { width: 16px; height: 16px; }
.konum-cipler .yesil-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--turuncu); }
@media (max-width: 760px) {
  .konum-bas { min-height: 0; padding-top: 220px; }
  .konum-bas picture img { object-position: 85% 75%; }
  .konum-bas::before { background: linear-gradient(180deg, rgba(6, 24, 51, .1) 0%, rgba(6, 24, 51, .2) 30%, rgba(6, 24, 51, .92) 62%, rgba(6, 24, 51, .97) 100%); }
  .konum-bas .kap { padding: 0 0 26px; }
}

/* --- İçerik + yapışkan talep kolonu -------------------------------------- */
.duzen { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 56px; align-items: start; padding: 48px 0 96px; }
.duzen-yan { position: sticky; top: 80px; }
@media (max-width: 1020px) { .duzen { grid-template-columns: 1fr; gap: 40px; padding: 28px 0 64px; } .duzen-yan { position: static; } }

.icerik { max-width: 760px; min-width: 0; }
.icerik > section + section { margin-top: 52px; }
.icerik h2 { font-size: clamp(1.375rem, 1.15rem + .9vw, 1.875rem); margin-bottom: 16px; }
.icerik h3 { font-size: 1.125rem; margin: 26px 0 8px; }
.icerik p, .icerik li { font-size: 1.0625rem; line-height: 1.6; }
.icerik ul, .icerik ol { padding-left: 1.3em; margin: 0 0 1em; }
.icerik li { margin-bottom: .45em; }
.icerik li::marker { color: var(--tint); font-weight: 700; }
.on-yazi { font-size: 1.1875rem; color: var(--etiket); }
.bolum-kart { padding: 22px; border-radius: var(--r-l); background: var(--yuzey); }

.belirti-liste { list-style: none; padding: 0 !important; border-radius: var(--r-m); background: var(--yuzey); overflow: hidden; }
.belirti-liste li { display: grid; grid-template-columns: 24px 1fr; gap: 14px; padding: 14px 16px; margin: 0 !important; }
.belirti-liste li + li { box-shadow: inset 54px .5px 0 var(--yuzey), inset 0 .5px 0 var(--ayrac); }
.belirti-liste .ic { width: 22px; height: 22px; color: var(--sari-k); margin-top: 2px; }

.adim-dikey { list-style: none; padding: 0 !important; counter-reset: adim; position: relative; }
.adim-dikey::before { content: ""; position: absolute; left: 17px; top: 18px; bottom: 18px; width: 2px; background: var(--ayrac); }
.adim-dikey li { position: relative; padding: 0 0 22px 56px; margin: 0 !important; counter-increment: adim; }
.adim-dikey li::before { content: counter(adim); position: absolute; left: 0; top: 0; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--tint); color: var(--tint-yazi); font: 700 .9375rem/1 var(--f); box-shadow: 0 0 0 4px var(--zemin); }
.adim-dikey strong { display: block; font-size: 1.0625rem; font-weight: 600; color: var(--etiket); margin-bottom: 4px; padding-top: 6px; }
.adim-dikey p { margin: 0; color: var(--etiket-2); }

.kimler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.kimler > div { padding: 18px 20px; border-radius: var(--r-m); background: var(--yuzey); }
.kimler h3 { margin: 0 0 6px; font-size: 1.0625rem; }
.kimler p { margin: 0; font-size: .9688rem; color: var(--etiket-2); }
@media (max-width: 560px) { .kimler { grid-template-columns: 1fr; } }

.etkenler { margin: 0; border-radius: var(--r-m); background: var(--yuzey); overflow: hidden; }
.etkenler > div { display: grid; grid-template-columns: 200px 1fr; gap: 20px; padding: 14px 16px; }
.etkenler > div + div { box-shadow: inset 0 .5px 0 var(--ayrac); }
.etkenler dt { font-weight: 600; color: var(--etiket); }
.etkenler dd { margin: 0; color: var(--etiket-2); }
@media (max-width: 560px) { .etkenler > div { grid-template-columns: 1fr; gap: 4px; } }

.not-kutu { display: block; padding: 16px 18px; border-radius: var(--r-m); background: var(--sari-zemin); font-size: .9688rem; color: var(--etiket); }
.not-kutu p:last-child { margin: 0; }

.ilgili { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 0 !important; }
.ilgili a { display: flex; align-items: center; gap: 12px; height: 100%; padding: 14px 16px; border-radius: var(--r-m); background: var(--yuzey); color: var(--etiket); text-decoration: none; font-weight: 600; font-size: .9688rem; line-height: 1.3; transition: background-color .15s; }
.ilgili .hz-ikon { width: 34px; height: 34px; padding: 6px; border-radius: 50%; background: var(--tint); color: #fff; flex: none; stroke-width: 2.2; }
.ilgili a:hover { text-decoration: none; background: var(--tint-zemin); }
.ilgili li { margin: 0 !important; }
@media (max-width: 760px) { .ilgili { grid-template-columns: 1fr; } }

/* Hizmetler dizini */
.hizmet-sira { list-style: none; border-radius: var(--r-l); background: var(--yuzey); overflow: hidden; }
.hizmet-sira li + li a { box-shadow: inset 96px .5px 0 var(--yuzey), inset 0 .5px 0 var(--ayrac); }
.hizmet-sira a { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 22px 24px; color: inherit; text-decoration: none; transition: background-color .15s; }
.hizmet-sira .hz-ikon { width: 56px; height: 56px; padding: 11px; border-radius: 50%; background: var(--tint); color: #fff; stroke-width: 2; }
.hizmet-sira h2 { font-size: 1.25rem; margin: 0 0 4px; letter-spacing: -.02em; }
.hizmet-sira p { margin: 0; color: var(--etiket-2); max-width: 62ch; }
.hizmet-sira .ic { width: 18px; height: 18px; color: var(--etiket-3); stroke-width: 2.6; }
.hizmet-sira a:hover { background: var(--dolgu); }
@media (max-width: 560px) { .hizmet-sira a { grid-template-columns: 44px 1fr; gap: 14px; padding: 16px; } .hizmet-sira .hz-ikon { width: 44px; height: 44px; padding: 8px; border-radius: 11px; } .hizmet-sira a > .ic { display: none; } .hizmet-sira li + li a { box-shadow: inset 74px .5px 0 var(--yuzey), inset 0 .5px 0 var(--ayrac); } }

/* --- Firma kartları ------------------------------------------------------ */
.firma-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.firma-kart { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 20px; border-radius: var(--r-l); background: var(--yuzey); box-shadow: var(--golge-1); transition: box-shadow .25s var(--egri), transform .25s var(--egri); }
.firma-kart:hover { box-shadow: var(--golge-2); }
.firma-kart.one-cikan { box-shadow: inset 0 0 0 1.5px var(--turuncu), var(--golge-2); }
.fk-rozet { position: absolute; top: 16px; right: 16px; display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px 3px 7px; border-radius: 999px; background: var(--turuncu); color: #fff; font-size: .75rem; font-weight: 700; }
.fk-rozet .ic { width: 13px; height: 13px; fill: currentColor; }
.fk-ust { display: grid; grid-template-columns: 56px 1fr; gap: 14px; align-items: center; padding-right: 84px; }
.fk-logo { width: 56px; height: 56px; border-radius: 14px; object-fit: contain; background: var(--beyaz); box-shadow: inset 0 0 0 .5px var(--ayrac); }
.fk-harf { display: grid; place-items: center; background: var(--tint); box-shadow: inset 0 -4px 0 var(--turuncu); color: #fff; font: 800 1.125rem var(--f); letter-spacing: 0; }
.fk-ad { margin: 0 0 2px; font-size: 1.125rem; }
.fk-ad a { color: var(--etiket); }
.fk-yer { display: flex; align-items: center; gap: 4px; margin: 0; font-size: .875rem; color: var(--etiket-2); }
.fk-yer .ic { width: 14px; height: 14px; }
.fk-hizmet { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.fk-hizmet li { padding: 4px 10px; border-radius: 999px; background: var(--dolgu); font-size: .8125rem; color: var(--etiket); }
.fk-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; }
.fk-alt .dugme { min-height: 40px; font-size: .9375rem; border-radius: 12px; padding: 8px 12px; }
.fk-tel, .fk-profil { font-weight: 600; }
.firma-grup-baslik { display: flex; align-items: center; gap: 8px; margin: 28px 0 12px; font-size: .8125rem; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--etiket-2); }
.firma-grup-baslik:first-of-type { margin-top: 0; }
.firma-grup-baslik .ic { width: 15px; height: 15px; color: var(--sari-k); fill: currentColor; }
.icerik .fk-hizmet { padding: 0; margin: 0; }
.icerik .fk-hizmet li { margin: 0; font-size: .8125rem; line-height: 1.4; }

.firma-bos { display: grid; grid-template-columns: 64px 1fr; gap: 20px; align-items: start; padding: 24px; border-radius: var(--r-l); background: var(--yuzey); }
.fb-ikon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--tint-zemin); color: var(--tint); }
.fb-ikon .ic { width: 32px; height: 32px; stroke-width: 1.6; }
.firma-bos h3 { font-size: 1.1875rem; margin-bottom: 6px; }
.firma-bos p { margin: 0 0 10px; max-width: 60ch; color: var(--etiket-2); }
.firma-bos .fb-firma { margin: 14px 0 0; padding-top: 14px; box-shadow: inset 0 .5px 0 var(--ayrac); font-size: .9375rem; }
@media (max-width: 560px) { .firma-bos { grid-template-columns: 1fr; gap: 12px; padding: 20px 18px; } .fb-ikon { width: 52px; height: 52px; } }

.yer-tesvik { display: grid; grid-template-columns: 44px 1fr auto; gap: 16px; align-items: center; margin-top: 14px; padding: 16px 18px; border-radius: var(--r-l); background: var(--sari-zemin); }
.yer-tesvik .ic { width: 44px; height: 44px; padding: 10px; border-radius: 50%; background: var(--turuncu); color: #fff; fill: currentColor; }
.yer-tesvik p { margin: 0; font-size: .9688rem; color: var(--etiket); }
.yer-tesvik strong { display: block; }
.yer-tesvik .dugme { min-height: 38px; }
@media (max-width: 560px) { .yer-tesvik { grid-template-columns: 1fr; } .yer-tesvik .ic { display: none; } }

/* Firma dizini filtreleri */
.suzgec { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; padding: 16px; margin-bottom: 28px; border-radius: var(--r-l); background: var(--yuzey); }
.suzgec .dugme { min-height: 48px; }
.suzgec-ozet { margin: -8px 0 20px; color: var(--etiket-2); }
@media (max-width: 760px) { .suzgec { grid-template-columns: 1fr; } }

/* Firma profili */
.firma-bas { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 24px; align-items: center; }
.firma-bas .fk-logo { width: 96px; height: 96px; border-radius: 24px; font-size: 2rem; }
.firma-bas h1 { margin-bottom: 8px; }
.firma-meta { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--etiket-2); font-size: .9688rem; }
.firma-meta li { display: inline-flex; align-items: center; gap: 6px; }
.firma-iletisim { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.bilgi-tablo { margin: 0; border-radius: var(--r-m); background: var(--yuzey); overflow: hidden; }
.bilgi-tablo > div { display: grid; grid-template-columns: 180px 1fr; gap: 16px; padding: 13px 16px; }
.bilgi-tablo > div + div { box-shadow: inset 0 .5px 0 var(--ayrac); }
.bilgi-tablo dt { font-weight: 500; color: var(--etiket-2); }
.bilgi-tablo dd { margin: 0; color: var(--etiket); }
.etiketler { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0 !important; }
.etiketler li { margin: 0 !important; }
.etiketler a, .etiketler span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: var(--yuzey); font-size: .9375rem; color: var(--etiket); text-decoration: none; }
.etiketler a:hover { text-decoration: none; background: var(--tint-zemin); color: var(--tint); }
.etiketler .hz-ikon { width: 22px; height: 22px; color: var(--tint); }
@media (max-width: 560px) { .firma-bas { grid-template-columns: 64px 1fr; gap: 16px; } .firma-bas .fk-logo { width: 64px; height: 64px; font-size: 1.375rem; border-radius: 16px; } .bilgi-tablo > div { grid-template-columns: 1fr; gap: 2px; } }

/* İl sayfası: hizmetler ızgarası */
.yer-hizmet { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.yer-hizmet > div { padding: 18px; border-radius: var(--r-m); background: var(--yuzey); }
.yer-hizmet h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; font-size: 1.0625rem; }
.yer-hizmet h3 a { color: var(--etiket); }
.yer-hizmet h3 a:hover { color: var(--tint); }
.yer-hizmet .hz-ikon { width: 34px; height: 34px; padding: 6px; border-radius: 50%; background: var(--tint); color: #fff; flex: none; stroke-width: 2.2; }
.yer-hizmet p { margin: 0; font-size: .9375rem; color: var(--etiket-2); line-height: 1.5; }
@media (max-width: 640px) { .yer-hizmet { grid-template-columns: 1fr; } }

/* Bölgeler dizini */
.bolge-dizin { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.bolge-dizin > li { padding: 16px 18px; border-radius: var(--r-m); background: var(--yuzey); }
.bolge-dizin h2 { display: flex; align-items: center; gap: 10px; font-size: 1.125rem; margin: 0 0 8px; letter-spacing: -.02em; }
.bolge-dizin h2 a { color: var(--etiket); }
.bolge-dizin h2 a:hover { color: var(--tint); }
.bolge-dizin p { margin: 0; font-size: .8438rem; color: var(--etiket-2); line-height: 1.65; }
.bolge-dizin p a { color: var(--etiket-2); }
.bolge-dizin p a:hover { color: var(--tint); }

/* Harita */
.harita-kutu { margin: 0 0 32px; padding: 20px; border-radius: var(--r-xl); background: var(--yuzey); }
.harita { display: block; width: 100%; height: auto; overflow: visible; }
.harita-zemin { fill: none; stroke: var(--yuzey-3); stroke-width: 4.6; stroke-linecap: round; }
.harita-il { cursor: pointer; }
.harita-hedef { fill: transparent; }
.harita-nokta { fill: var(--tint); stroke: var(--yuzey); stroke-width: 1.6; transition: fill .15s; }
.harita-il text { font: 600 12px var(--f); fill: var(--etiket); paint-order: stroke; stroke: var(--yuzey); stroke-width: 4px; stroke-linejoin: round; pointer-events: none; }
.harita-il:hover .harita-nokta, .harita-il:focus-visible .harita-nokta { fill: var(--sari); }
.harita-il:focus-visible { outline: none; }
.harita-il.is-secili .harita-nokta { fill: var(--sari); stroke-width: 2.4; }
.harita-halka { fill: none; stroke: var(--sari); stroke-width: 2; opacity: .6; }
@media (max-width: 560px) { .harita-il text { display: none; } .harita-il.is-secili text { display: block; font-size: 34px; stroke-width: 8px; } .harita-zemin { stroke-width: 5.5; } .harita-kutu { padding: 12px; border-radius: var(--r-l); } }

/* --- Formlar (iOS dolgulu alanlar) --------------------------------------- */
.talep-formu { display: grid; gap: 14px; padding: 26px; border-radius: var(--r-l); background: var(--yuzey); box-shadow: var(--golge-2), inset 0 4px 0 var(--turuncu); }
.duzen-yan .talep-formu { box-shadow: var(--golge-2); }
.tf-bas { margin-bottom: 2px; }
.tf-baslik { font-size: 1.3125rem; margin: 0; letter-spacing: -.02em; color: var(--tint); }
.tf-aciklama { margin: 6px 0 0; color: var(--etiket-2); font-size: .9688rem; }
.tf-bal { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.alan { display: grid; gap: 6px; min-width: 0; align-content: start; }
.alan-cift { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.alan > label, .tf-ek summary { font-size: .8125rem; font-weight: 700; color: var(--tint); padding-left: 2px; }
.istege { font-weight: 400; color: var(--etiket-3); font-size: .8125rem; margin-left: 4px; }
input[type=text], input[type=tel], input[type=email], input[type=date], input[type=number], input[type=url], select, textarea {
  width: 100%; min-height: 48px; padding: 12px 14px; border: 0; border-radius: 12px;
  background: var(--yuzey-2); color: var(--etiket); font: 500 1rem/1.3 var(--f); letter-spacing: 0; box-shadow: inset 0 0 0 1px var(--ayrac);
  transition: box-shadow .15s, background-color .15s;
}
textarea { resize: vertical; min-height: 84px; line-height: 1.45; }
input::placeholder, textarea::placeholder { color: var(--etiket-3); }
input:focus, select:focus, textarea:focus { outline: none; background: var(--yuzey); box-shadow: 0 0 0 2px var(--tint), 0 0 0 6px var(--tint-zemin); }
select:disabled { color: var(--etiket-3); cursor: not-allowed; }
[aria-invalid=true] { box-shadow: 0 0 0 2px var(--kirmizi) !important; background: var(--kirmizi-zemin) !important; }
.secim { position: relative; }
.secim select { appearance: none; -webkit-appearance: none; padding-right: 40px; text-overflow: ellipsis; }
.secim::after { content: ""; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; margin-top: -6px; border: solid var(--etiket-2); border-width: 0 1.8px 1.8px 0; transform: rotate(45deg); pointer-events: none; }
.alan-hata { margin: 0; padding-left: 2px; color: var(--kirmizi); font-size: .8438rem; font-weight: 500; }
.tf-ek { padding: 12px 14px; border-radius: 12px; background: var(--yuzey-2); }
.tf-ek summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; padding: 0; color: var(--tint); font-size: .9375rem; font-weight: 500; }
.tf-ek summary::-webkit-details-marker { display: none; }
.tf-ek summary::before { content: "+"; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--turuncu); color: #fff; font: 700 15px/1 var(--f); }
.tf-ek[open] summary::before { content: "−"; }
.tf-ek[open] { display: grid; gap: 12px; }
.tf-ek input, .tf-ek textarea { background: var(--yuzey); }
.onay { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; font-size: .875rem; line-height: 1.45; color: var(--etiket-2); cursor: pointer; }
.onay input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--tint); }
.tf-not { margin: 0; font-size: .8125rem; color: var(--etiket-2); line-height: 1.45; text-align: center; }
@media (max-width: 560px) { .talep-formu { padding: 20px 16px; border-radius: var(--r-l); } .alan-cift { grid-template-columns: 1fr; } }

/* --- Bildirimler, talep sonucu ------------------------------------------ */
.uyari { display: grid; grid-template-columns: 24px 1fr; gap: 12px; padding: 14px 16px; border-radius: var(--r-m); margin-bottom: 24px; font-size: .9688rem; }
.uyari .ic { width: 22px; height: 22px; margin-top: 1px; }
.uyari p { margin: 0; }
.uyari strong { display: block; color: inherit; }
.uyari-hata { background: var(--kirmizi-zemin); color: var(--kirmizi); }
.uyari-hata p { color: var(--etiket); }
.uyari-iyi { background: var(--yesil-zemin); color: var(--yesil); }
.uyari-iyi p { color: var(--etiket); }
.uyari-bilgi { background: var(--tint-zemin); color: var(--tint); }
.uyari-bilgi p { color: var(--etiket); }

.dar { width: min(760px, 100% - 32px); margin-inline: auto; }
.tek-sutun { padding: 40px 0 96px; }
.kod-kutu { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 26px; border-radius: var(--r-l); color: rgba(255, 255, 255, .78); margin-bottom: 28px; background: linear-gradient(118deg, transparent 80%, var(--turuncu) 80%, var(--turuncu) 82%, transparent 82%), var(--gece-2); box-shadow: var(--golge-2); }
.kod-kutu .kod { display: block; font: 800 clamp(1.75rem, 1.3rem + 2vw, 2.5rem)/1 var(--f); color: #fff; letter-spacing: .02em; margin-top: 6px; font-variant-numeric: tabular-nums; }
.kod-kutu p { margin: 0; font-size: .9375rem; }
.durum-cizgi { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 8px 0 36px; padding: 22px 20px 20px; border-radius: var(--r-l); background: var(--yuzey); }
.durum-cizgi li { position: relative; padding-top: 34px; font-size: .9375rem; color: var(--etiket-2); }
.durum-cizgi li::before { content: ""; position: absolute; left: 0; right: 0; top: 11px; height: 4px; background: var(--yuzey-3); }
.durum-cizgi li:first-child::before { left: 11px; }
.durum-cizgi li:last-child::before { right: auto; width: 11px; }
.durum-cizgi li::after { content: ""; position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; background: var(--yuzey); box-shadow: inset 0 0 0 3px var(--yuzey-3); }
.durum-cizgi li.tamam { color: var(--etiket); font-weight: 600; }
.durum-cizgi li.tamam::before { background: #34c759; }
.durum-cizgi li.tamam::after { background: #34c759 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat; box-shadow: none; }
.durum-cizgi li.simdi::after { box-shadow: 0 0 0 5px rgba(52, 199, 89, .25); }
.durum-cizgi.iptal li.tamam::before, .durum-cizgi.iptal li.tamam::after { background-color: var(--etiket-3); }
@media (max-width: 560px) {
  .durum-cizgi { grid-template-columns: 1fr; gap: 0; }
  .durum-cizgi li { padding: 0 0 22px 42px; min-height: 26px; }
  .durum-cizgi li::before { left: 11px !important; right: auto !important; top: 0; bottom: 0; width: 4px !important; height: auto; }
  .durum-cizgi li:last-child::before { display: none; }
}

/* --- Rehber yazısı ------------------------------------------------------ */
.yazi-duzen { display: grid; grid-template-columns: 240px minmax(0, 720px); gap: 56px; padding: 40px 0 88px; justify-content: center; }
.icindekiler { position: sticky; top: 84px; align-self: start; padding: 16px 18px; border-radius: var(--r-m); background: var(--yuzey); font-size: .9375rem; }
.icindekiler h2 { font-size: .8125rem; letter-spacing: .02em; text-transform: uppercase; color: var(--etiket-2); margin-bottom: 10px; }
.icindekiler ol { list-style: none; }
.icindekiler a { display: block; padding: 6px 0; color: var(--etiket); text-decoration: none; line-height: 1.4; }
.icindekiler a:hover { color: var(--tint); }
.yazi-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 18px; font-size: .9063rem; color: var(--etiket-2); }
.yazi-meta span { display: inline-flex; align-items: center; gap: 6px; }
.yazi h2 { margin-top: 44px; scroll-margin-top: 84px; }
.yazi h2:first-child { margin-top: 0; }
.yazi-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; margin-top: 44px; padding: 24px 26px; border-radius: var(--r-l); color: rgba(255, 255, 255, .78); background: var(--gece-2); box-shadow: inset 4px 0 0 var(--turuncu); }
.yazi-cta h2 { color: #fff; font-size: 1.375rem; margin: 0 0 4px !important; }
.yazi-cta p { margin: 0; font-size: .9688rem !important; }
@media (max-width: 1020px) { .yazi-duzen { grid-template-columns: 1fr; gap: 20px; padding-top: 24px; } .icindekiler { position: static; } }
@media (max-width: 560px) { .yazi-cta { grid-template-columns: 1fr; } }

.duz-metin h2 { font-size: 1.375rem; margin-top: 36px; }
.duz-metin p, .duz-metin li { max-width: 68ch; }

/* Firma başvurusu */
.basvuru-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 56px; align-items: start; padding: 48px 0 96px; }
.ozellik-liste { list-style: none; padding: 0 !important; border-radius: var(--r-l); background: var(--yuzey); overflow: hidden; }
.ozellik-liste li { display: grid; grid-template-columns: 40px 1fr; gap: 16px; padding: 18px 20px; margin: 0 !important; }
.ozellik-liste li + li { box-shadow: inset 76px .5px 0 var(--yuzey), inset 0 .5px 0 var(--ayrac); }
.ozellik-liste .ic { width: 40px; height: 40px; padding: 9px; border-radius: 50%; background: var(--tint); color: #fff; stroke-width: 2; }
.ozellik-liste h3 { margin: 2px 0 4px; font-size: 1.0625rem; }
.ozellik-liste p { margin: 0; color: var(--etiket-2); font-size: .9688rem; }
.basvuru-gorsel { display: block; margin: 0 0 32px; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--golge-2); }
.basvuru-gorsel img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
@media (max-width: 1020px) { .basvuru-duzen { grid-template-columns: 1fr; gap: 36px; padding: 28px 0 64px; } }

/* 404 */
.yok { padding: 64px 0 96px; }
.yok-kesit { width: min(420px, 100%); height: auto; margin-bottom: 24px; }

.etkenler + .not-kutu { margin-top: 16px; }
.bos-eylem { margin-top: 20px; }
.bolge-not { margin-top: 14px; color: var(--etiket-2); }
.bilgi-not { margin-top: 14px; }
.sonuc-eylem { margin-top: 32px; }
.sorgu-formu { box-shadow: var(--golge-1); }
.sorgu-formu .dugme { justify-self: start; }
.sorgu-alt { margin-top: 20px; color: var(--etiket-2); }
.giris-not { margin-top: 24px; color: var(--etiket-2); }
.basvuru-tamam { justify-items: start; }
.basvuru-tamam p { margin: 0; }
.tamam-ikon { width: 52px; height: 52px; padding: 12px; border-radius: 50%; background: var(--yesil-zemin); color: var(--yesil); stroke-width: 2.6; }
.iletisim-tablo { margin-bottom: 40px; }
.iletisim-eylem { margin-top: 32px; }
.mobil-talep { display: none; margin-top: 20px; }
@media (max-width: 1020px) { .mobil-talep { display: inline-flex; } }

/* Kaydırınca beliren içerik */
.js .belir { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--egri), transform .7s var(--egri); }
.js .belir.gorundu { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .js .belir { opacity: 1; transform: none; }
}
.fk-alt > :only-child { grid-column: 1 / -1; }
.vitrin-tek { display: block; margin: 0; padding: 0; }
.vitrin-tek .vitrin-bos { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 20px; min-height: 0; padding: 26px 28px; border: 0; background: var(--yuzey); box-shadow: var(--golge-1); }
.vitrin-tek .vitrin-bos h3 { margin: 0 0 4px; }
@media (max-width: 760px) { .vitrin-tek .vitrin-bos { grid-template-columns: 1fr; gap: 12px; padding: 22px 20px; } }
#paketler { margin-top: 48px; scroll-margin-top: 80px; }
.paketler-acik.paketler { grid-template-columns: 1fr; gap: 14px; }
.paketler-acik .paket ul { color: var(--etiket); }
.icerik .paketler, .icerik .paket ul { padding: 0; margin-left: 0; }
.icerik .paket { padding: 20px 22px; gap: 8px; }
.icerik .paket h3 { margin: 2px 0 0; }
.icerik .paket > p { font-size: .9688rem; }
.icerik .paket li { margin: 0; font-size: .9375rem; line-height: 1.45; }
.icerik .paket li::marker { content: none; }
.icerik .paket-fiyat { padding-top: 6px; }
.hz-gorsel { display: block; width: 420px; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--golge-2); }
.hz-gorsel img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
@media (max-width: 760px) { .hz-gorsel { width: 100%; border-radius: var(--r-l); order: -1; } }

/* --- Kimlik bölümleri: profesyonel bant, neden ---------------------------- */
.kahraman-ic { grid-template-columns: minmax(0, 1fr); }
.kahraman-ic > h1, .kahraman-ic > .kahraman-alt { max-width: 640px; }
.kahraman h1 { max-width: 13ch; }
.bul-kart { max-width: 980px; }
.pro-bant { padding: 72px 0 0; background: var(--zemin); }
.pro-bant-ic { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: stretch; overflow: hidden; border-radius: var(--r-l); background: var(--gece-2); box-shadow: var(--golge-3); }
.pro-gorsel { display: block; min-height: 340px; }
.pro-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pro-metin { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 16px; padding: 48px 52px; color: var(--gece-yazi); }
.pro-metin::before { content: ""; position: absolute; left: -60px; top: 0; bottom: 0; width: 120px; background: var(--gece-2); transform: skewX(-12deg); box-shadow: -6px 0 0 var(--turuncu); }
.pro-metin > * { position: relative; }
.pro-metin h2 { margin: 0; color: #fff; }
.pro-metin p { margin: 0; font-size: 1.0625rem; }
.pro-metin .dugme { justify-self: start; align-self: flex-start; margin-top: 6px; }
.neden-ic { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.neden-liste { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 32px; }
.neden-liste li { padding: 0 18px; text-align: center; }
.neden-liste li + li { box-shadow: inset 1px 0 0 var(--ayrac); }
.neden-ikon { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 16px; border-radius: 50%; background: var(--tint); color: #fff; box-shadow: 0 0 0 6px var(--turuncu-zemin); }
.neden-ikon .ic { width: 32px; height: 32px; stroke-width: 1.7; }
.neden-liste h3 { margin: 0 0 6px; font-size: 1rem; color: var(--tint); }
.neden-liste p { margin: 0; font-size: .875rem; color: var(--etiket-2); line-height: 1.5; }
.neden-gorsel { position: relative; aspect-ratio: 4 / 3; }
.neden-gorsel picture { position: absolute; inset: 0; overflow: hidden; clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%); border-radius: 0 var(--r-l) var(--r-l) 0; }
.neden-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.neden-gorsel::before { content: ""; position: absolute; left: -2%; top: 0; width: 26%; height: 62%; z-index: 1; background: var(--turuncu); clip-path: polygon(70% 0, 100% 0, 30% 100%, 0 100%); }
.neden-gorsel::after { content: ""; position: absolute; left: 8%; bottom: 0; width: 22%; height: 46%; z-index: 1; background: var(--tint); clip-path: polygon(70% 0, 100% 0, 30% 100%, 0 100%); }
@media (max-width: 960px) {
  .pro-bant { padding-top: 48px; }
  .pro-bant-ic { grid-template-columns: 1fr; }
  .pro-gorsel { min-height: 0; aspect-ratio: 16 / 10; }
  .pro-metin { padding: 28px 22px 30px; }
  .pro-metin::before { left: 0; right: 0; top: -40px; bottom: auto; width: auto; height: 80px; transform: skewY(-6deg); box-shadow: 0 -5px 0 var(--turuncu); }
  .neden-ic { grid-template-columns: 1fr; gap: 32px; }
  .neden-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 0; }
  .neden-liste li:nth-child(3) { box-shadow: none; }
}
.son-cta-ic > * { position: relative; z-index: 1; }
.ust-logo img { width: 232px; }
@media (max-width: 960px) { .ust-logo img { width: 176px; } }

.dogru-rozet { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 8px; padding: 4px 12px 4px 8px; border-radius: 999px; background: var(--yesil-zemin); color: var(--yesil); font-size: .875rem; font-weight: 700; }
.dogru-rozet .ic { width: 16px; height: 16px; }
.fk-dogru { display: inline-flex; align-items: center; gap: 4px; margin: 4px 0 0; color: var(--yesil); font-size: .8125rem; font-weight: 700; }
.fk-dogru .ic { width: 14px; height: 14px; }
.sahiplen-kutu { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 28px; align-items: center; margin-top: 24px; padding: 18px 22px; border-radius: var(--r-l); background: var(--yuzey); box-shadow: var(--golge-1), inset 4px 0 0 var(--turuncu); }
.sahiplen-kutu p { margin: 0; color: var(--etiket-2); font-size: .9375rem; line-height: 1.5; }
.sahiplen-kutu .sahiplen-baslik { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 4px; color: var(--tint); font-weight: 700; font-size: 1.0625rem; }
.sahiplen-baslik .ic { width: 20px; height: 20px; color: var(--turuncu); }
.sahiplen-eylem { display: grid; gap: 8px; justify-items: center; }
.sahiplen-baglanti { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; font-size: .8125rem !important; }
.yontemler { display: grid; gap: 10px; margin: 0; padding: 0; border: 0; min-width: 0; }
.yontemler legend { margin-bottom: 8px; padding-left: 2px; font-size: .8125rem; font-weight: 700; color: var(--tint); }
.yontem { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; padding: 14px 16px; border-radius: 12px; background: var(--yuzey-2); cursor: pointer; font-size: .9375rem; line-height: 1.45; color: var(--etiket-2); box-shadow: inset 0 0 0 1px transparent; }
.yontem strong { display: block; color: var(--etiket); }
.yontem input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--tint); }
.yontem:has(input:checked) { background: var(--tint-zemin); box-shadow: inset 0 0 0 1.5px var(--tint); }
.kod-girdi { font-size: 1.5rem; font-weight: 700; letter-spacing: .4em; text-align: center; font-variant-numeric: tabular-nums; }
.kod-yeniden { display: grid; justify-items: center; gap: 8px; margin-top: 18px; text-align: center; }
.kod-yeniden form { display: grid; justify-items: center; gap: 8px; }
.sol-not { text-align: left; margin-top: 10px; }
@media (max-width: 760px) { .sahiplen-kutu { grid-template-columns: 1fr; padding: 16px; } .sahiplen-eylem { justify-items: stretch; } .sahiplen-eylem .dugme { width: 100%; } }