/* ==========================================================================
   Ana sayfa — Kayseri Bina Yönetim
   Kurgu: tam genişlik resimli slider + ince rakam şeridi → ilçe (görsel + 16 ilçe bulutu) → numaralı hizmet kataloğu →
   asimetrik neden bölümü → petrol yorum duvarı → rapor (belge solda) → dikey zaman çizelgesi →
   referans tablosu → hesaplayıcı → blog (öne çıkan + liste) → iki sütunlu SSS → petrol kapanış.
   Renkler yalnız site.css tokenlarından. Kırılım: <64em mobil, ≥64em masaüstü.
   ========================================================================== */
@layer sifirla, token, temel, bilesen, yerlesim, sayfa, efekt, yardimci;

@layer sayfa {

.anasayfa{
  --ka-r:8px; --ka-r-k:6px;
  --ka-cizgi:var(--stone-300);
  --ka-vurgu:var(--bakir-500);
  --ka-vurgu-acik:var(--bakir-300);
  --ka-koyu:var(--night-900);
  --ka-petrol:var(--brand-800);
  --ka-acik-yazi:color-mix(in srgb, var(--snow-50) 80%, transparent);
  --ka-acik-cizgi:color-mix(in srgb, var(--snow-50) 18%, transparent);
}
.anasayfa main{padding-top:calc(var(--ust-bosluk) + var(--ust-h))}

/* ---------- Ortak ---------- */
.ka-etiket{display:inline-flex;align-items:center;gap:10px;font-size:var(--ust-baslik);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bakir-700)}
.ka-etiket::before{content:'';width:10px;height:10px;border-radius:2px;background:var(--ka-vurgu);transform:rotate(45deg)}
.ka-etiket--acik{color:var(--ka-vurgu-acik)}
.ka-etiket--acik::before{background:var(--ka-vurgu-acik)}
.ka-bas{display:flex;flex-direction:column;gap:14px;max-width:760px;margin-bottom:clamp(28px, 3vw, 52px)}
.ka-bas h2,.ka-anabaslik{font-size:var(--h2);line-height:1.08;text-wrap:balance}
.ka-bas__kisa{font-size:var(--govde-l);line-height:1.6;color:var(--ink-700);max-width:64ch}
.ka-bas--yan{max-width:none}
.ka-bas--yan>div{display:flex;flex-direction:column;gap:14px;max-width:760px}
.ka-kum{background:var(--stone-100)}
.ka-petrol{background:var(--ka-petrol);color:var(--snow-50)}
.ka-rozet{align-self:flex-start;display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border-radius:var(--ka-r-k);border:1px dashed var(--stone-400);font-size:12.5px;font-weight:600;color:var(--ink-500)}
.ka-rozet--acik{border-color:var(--ka-acik-cizgi);color:var(--ka-acik-yazi)}
.ka-btn{border-radius:var(--ka-r-k);height:52px;padding:0 22px}
.ka-btn--ana{background:var(--brand-600);color:var(--snow-50)}
.ka-btn--ana:hover{background:var(--brand-700);color:var(--snow-50)}
.ka-btn--bakir{background:var(--bakir-500);color:var(--snow-50)}
.ka-btn--bakir:hover{background:var(--bakir-700);color:var(--snow-50)}
.ka-btn--cizgi{background:transparent;color:var(--snow-50);border:1px solid color-mix(in srgb, var(--snow-50) 45%, transparent)}
.ka-btn--cizgi:hover{color:var(--snow-50);border-color:var(--ka-vurgu-acik)}
.ka-btn .ikon{flex:none}
.anasayfa main a:focus-visible{outline:3px solid var(--ka-vurgu);outline-offset:3px}
.ka-petrol a:focus-visible,.ka-kapanis a:focus-visible{outline-color:var(--ka-vurgu-acik)}
@media (min-width:64em){
  .ka-bas--yan{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px}
  .ka-bas--yan>.metin-link{flex:none}
}

/* ==================== 1 · AÇILIŞ SLIDER ==================== */
/* Sabit yükseklik (CLS yok): mobil ~72vh, masaüstü ~78vh. Slaytlar üst üste; JS yoksa yalnız .is-aktif (ilk) görünür. */
.anasayfa{--sl-koyu:color-mix(in srgb, var(--brand-800) 72%, #000)}
.ka-slider{
  --sl-h:clamp(480px, 72vh, 720px);
  position:relative;height:var(--sl-h);overflow:hidden;background:var(--sl-koyu);color:var(--snow-50);isolation:isolate}
@supports (height:1svh){ .ka-slider{--sl-h:clamp(480px, 72svh, 720px)} }
.ka-slider__pist{position:absolute;inset:0}
.ka-slayt{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}
.ka-slayt.is-aktif{opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s}
.ka-slayt picture{position:absolute;inset:0;z-index:-2}
.ka-slayt__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--odak-m, 50% 50%);transform:scale(1.06);transition:transform 7s ease-out}
.ka-slayt.is-aktif .ka-slayt__img{transform:scale(1)}
/* Okunabilirlik bindirmesi: alttan (mobil) / soldan (masaüstü) koyu kırmızı geçiş */
.ka-slayt::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,color-mix(in srgb, var(--sl-koyu) 95%, transparent) 0,color-mix(in srgb, var(--sl-koyu) 82%, transparent) 40%,color-mix(in srgb, var(--sl-koyu) 40%, transparent) 62%,transparent 85%)}
.ka-slayt__ic{position:relative;display:flex;flex-direction:column;gap:14px;padding-top:32px;padding-bottom:88px;min-width:0}
.ka-slayt__baslik{margin:0;font-size:clamp(32px, calc(3.2vw + 20px), 68px);line-height:1.04;letter-spacing:-.015em;color:var(--snow-50);max-width:16ch;text-wrap:balance}
.ka-slayt__kisa{margin:0;font-size:clamp(16px, calc(.4vw + 14.5px), 20px);line-height:1.55;color:color-mix(in srgb, var(--snow-50) 92%, transparent);max-width:46ch}
.ka-slayt__dugmeler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.ka-slayt__dugmeler .btn{min-width:0;height:50px;padding:0 10px;gap:8px;font-size:14.5px}
.ka-slayt__teklif .ikon{display:none}
@media (max-width:25.99em){ .ka-slayt__dugmeler .btn--wa .ikon{display:none} }
.ka-slayt__teklif{background:var(--snow-50);color:var(--brand-700)}
.ka-slayt__teklif:hover{background:var(--brand-50);color:var(--brand-800)}
.ka-slayt__alt{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:15px}
.ka-slayt__tel,.ka-slayt__link{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-weight:700;color:var(--snow-50);text-decoration:none}
.ka-slayt__tel{font-size:17px;letter-spacing:.01em}
.ka-slayt__link{border-bottom:1px solid color-mix(in srgb, var(--snow-50) 55%, transparent)}
.ka-slayt__tel:hover,.ka-slayt__link:hover{color:var(--brand-50)}
.anasayfa .ka-slider a:focus-visible,.ka-slider button:focus-visible{outline:3px solid var(--snow-50);outline-offset:3px;box-shadow:none}

/* Denetimler: JS ekleyince görünür */
.ka-slider__kontrol{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-bottom:18px}
.ka-slider__kontrol[hidden]{display:none}
.ka-slider__kontrol-ic{display:flex;align-items:center;gap:8px}
.ka-slider__noktalar{display:flex;align-items:center;margin-right:auto}
.ka-slider__nokta{position:relative;width:34px;height:44px;padding:0;border:0;background:none;cursor:pointer;transition:width .3s}
.ka-slider__nokta span{position:absolute;left:5px;right:5px;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:color-mix(in srgb, var(--snow-50) 42%, transparent);overflow:hidden}
.ka-slider__nokta:hover span{background:color-mix(in srgb, var(--snow-50) 70%, transparent)}
.ka-slider__nokta[aria-current="true"]{width:60px}
.ka-slider__nokta[aria-current="true"] span::after{content:'';position:absolute;inset:0;background:var(--snow-50);transform-origin:left}
.ka-slider.is-oynuyor .ka-slider__nokta[aria-current="true"] span::after{animation:ka-ilerle var(--sl-sure, 6s) linear forwards}
.ka-slider.is-oynuyor.is-bekliyor .ka-slider__nokta[aria-current="true"] span::after{animation-play-state:paused}
@keyframes ka-ilerle{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ka-slider__dugme{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb, var(--snow-50) 55%, transparent);background:color-mix(in srgb, var(--sl-koyu) 50%, transparent);color:var(--snow-50);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.ka-slider__dugme:hover{background:var(--snow-50);border-color:var(--snow-50);color:var(--brand-700)}
.ka-slider__oynat-ikon{display:none}
.ka-slider:not(.is-oynuyor) .ka-slider__durdur-ikon{display:none}
.ka-slider:not(.is-oynuyor) .ka-slider__oynat-ikon{display:block}

/* İnce rakam şeridi */
.ka-rakam{background:var(--sl-koyu);color:var(--snow-50);border-top:1px solid color-mix(in srgb, var(--snow-50) 14%, transparent)}
.ka-rakam__liste{margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ka-rakam__oge{display:flex;flex-direction:column-reverse;justify-content:center;gap:2px;padding:12px 12px 12px 0;min-width:0}
.ka-rakam__oge:nth-child(even){padding-left:16px;border-left:1px solid color-mix(in srgb, var(--snow-50) 14%, transparent)}
.ka-rakam__oge:nth-child(n+3){border-top:1px solid color-mix(in srgb, var(--snow-50) 14%, transparent)}
.ka-rakam__deger{margin:0;font-family:var(--font-disp);font-weight:700;font-size:clamp(22px, 2vw, 28px);line-height:1.1;letter-spacing:-.01em;color:var(--snow-50)}
.ka-rakam__etiket{font-size:13px;font-weight:600;color:color-mix(in srgb, var(--snow-50) 80%, transparent)}

@media (min-width:48em){
  .ka-slayt__img{object-position:var(--odak, 50% 50%)}
}
@media (min-width:64em){
  .ka-slider{--sl-h:clamp(520px, 78vh, 860px)}
  @supports (height:1svh){ .ka-slider{--sl-h:clamp(520px, 78svh, 860px)} }
  .ka-slayt{align-items:center}
  .ka-slayt::before{background:
    linear-gradient(90deg,color-mix(in srgb, var(--sl-koyu) 92%, transparent) 0,color-mix(in srgb, var(--sl-koyu) 76%, transparent) 34%,color-mix(in srgb, var(--sl-koyu) 14%, transparent) 64%,transparent 80%),
    linear-gradient(0deg,color-mix(in srgb, var(--sl-koyu) 60%, transparent) 0,transparent 30%)}
  .ka-slayt__ic{gap:18px;padding-top:0;padding-bottom:40px}
  .ka-slayt__dugmeler{display:flex;flex-wrap:wrap}
  .ka-slayt__dugmeler .btn{height:54px;padding:0 24px;gap:10px;font-size:15.5px}
  .ka-slayt__teklif .ikon{display:inline-block}
  .ka-slider__kontrol{padding-bottom:26px}
  .ka-rakam__liste{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ka-rakam__oge,.ka-rakam__oge:nth-child(even),.ka-rakam__oge:nth-child(n+3){flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:10px;padding:16px 20px;border-top:0;border-left:1px solid color-mix(in srgb, var(--snow-50) 14%, transparent)}
  .ka-rakam__oge:first-child{border-left:0;padding-left:0}
}
@media (max-width:22.49em){
  .ka-slayt__dugmeler{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ka-slayt,.ka-slayt.is-aktif{transition:none}
  .ka-slayt__img,.ka-slayt.is-aktif .ka-slayt__img{transform:none;transition:none}
}

/* ==================== 2 · İLÇE ŞERİDİ ==================== */
.ka-serit{background:var(--brand-50);border-bottom:1px solid var(--ka-cizgi);padding-block:clamp(36px, 4vw, 64px)}
.ka-serit__ic{display:grid;gap:24px}
.ka-serit__bas{display:flex;flex-direction:column;gap:10px}
.ka-serit__bas h2{font-size:clamp(24px, calc(1vw + 19px), 32px);line-height:1.15;text-wrap:balance}
.ka-serit__bas p:not(.ka-etiket){font-size:15px;line-height:1.6;color:var(--ink-700)}
.ka-bulut{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;align-content:center}
.ka-bulut a{display:inline-flex;align-items:baseline;gap:8px;min-height:48px;padding:12px 18px;border-radius:999px;background:var(--snow-50);border:1px solid var(--brand-400);color:var(--night-900);text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.ka-bulut a:hover{background:var(--brand-600);border-color:var(--brand-600);color:var(--snow-50)}
.ka-bulut a:hover .ka-bulut__sayi{color:var(--snow-50)}
.ka-bulut__ad{font-family:var(--font-disp);font-weight:700;font-size:clamp(17px, 1.3vw, 21px);line-height:1.1}
.ka-bulut__sayi{font-size:13px;font-weight:600;color:var(--brand-700)}
.ka-bulut li:nth-child(1) .ka-bulut__ad{font-size:clamp(20px, 1.9vw, 28px)}
.ka-bulut li:nth-child(2) .ka-bulut__ad{font-size:clamp(19px, 1.7vw, 25px)}
.ka-bulut .ka-bulut__genel{align-items:center;background:var(--night-900);border-color:var(--night-900);color:var(--snow-50)}
.ka-bulut .ka-bulut__genel:hover{background:var(--bakir-500);border-color:var(--bakir-500)}
@media (min-width:64em){
  .ka-serit__ic{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:64px;align-items:center}
}

/* ==================== 3 · HİZMET KATALOĞU ==================== */
.ka-katalog__liste{list-style:none;margin:0;padding:0;counter-reset:katalog}
.ka-katalog__satir{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;row-gap:16px;padding:26px 0;border-top:2px solid var(--night-900)}
.ka-katalog__satir:last-child{border-bottom:1px solid var(--ka-cizgi)}
.ka-katalog__no{font-family:var(--font-disp);font-weight:700;font-size:34px;line-height:1;color:var(--ka-vurgu)}
.ka-katalog__grup{display:flex;flex-direction:column;gap:8px}
.ka-katalog__grup h3{font-size:var(--h3);line-height:1.15}
.ka-katalog__grup p{font-size:15px;line-height:1.55;color:var(--ink-700)}
.ka-katalog__adet{font-size:13px;font-weight:600;color:var(--brand-700)}
.ka-katalog__hizmetler{grid-column:1 / -1;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ka-katalog__hizmetler a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:var(--ka-r-k);background:var(--stone-100);border:1px solid var(--ka-cizgi);font-size:14.5px;font-weight:500;line-height:1.3;color:var(--night-900);text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.ka-katalog__hizmetler a:hover{background:var(--snow-50);border-color:var(--brand-600);color:var(--brand-700)}
@media (min-width:64em){
  .ka-katalog__satir{grid-template-columns:96px minmax(0,1fr) minmax(0,1.6fr);column-gap:40px;padding:36px 0}
  .ka-katalog__no{font-size:56px}
  .ka-katalog__hizmetler{grid-column:auto;align-content:flex-start}
}

/* ==================== 4 · NEDEN ==================== */
.ka-neden__ic{display:grid;gap:36px}
.ka-neden__bas{display:flex;flex-direction:column;gap:16px}
.ka-neden__bas h2{font-size:var(--h2);line-height:1.08;text-wrap:balance}
.ka-neden__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ka-neden__liste li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:24px;background:var(--snow-50);border-radius:var(--ka-r);border-left:4px solid var(--brand-600)}
.ka-neden__liste li:nth-child(2){border-left-color:var(--ka-vurgu)}
.ka-neden__liste li:nth-child(3){border-left-color:var(--night-900)}
.ka-neden__ikon{width:52px;height:52px;border-radius:50%;background:var(--brand-50);color:var(--brand-700);display:flex;align-items:center;justify-content:center}
.ka-neden__liste h3{font-size:21px;line-height:1.2;margin-bottom:8px}
.ka-neden__liste p{font-size:16px;line-height:1.6;color:var(--ink-700)}
@media (min-width:64em){
  .ka-neden__ic{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:80px;align-items:start}
  .ka-neden__bas{position:sticky;top:calc(var(--ust-h) + 32px)}
  .ka-neden__liste li{padding:30px 32px}
  .ka-neden__liste li:nth-child(2){margin-left:48px}
}

/* ==================== 5 · YORUM DUVARI ==================== */
.ka-yorum__ust{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(28px, 3vw, 48px)}
.ka-yorum__ust>div:first-child{display:flex;flex-direction:column;gap:14px;max-width:720px}
.ka-yorum h2{font-size:var(--h2);line-height:1.08;color:var(--snow-50);text-wrap:balance}
.ka-yorum__kisa{font-size:var(--govde-l);line-height:1.6;color:var(--ka-acik-yazi)}
.ka-puan{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14.5px;color:var(--ka-acik-yazi)}
.ka-puan strong{font-family:var(--font-disp);font-size:52px;line-height:1;letter-spacing:-.015em;color:var(--snow-50)}
.ka-puan>span:not(.ka-rozet){display:flex;flex-direction:column;gap:2px}
.ka-puan__yildiz{color:var(--ka-vurgu-acik);letter-spacing:3px;font-size:18px}
.ka-yorum__duvar{display:grid;gap:28px}
.ka-yorum__one{margin:0;position:relative;padding-top:28px}
.ka-yorum__tirnak{position:absolute;top:-28px;left:-6px;font-family:var(--font-disp);font-size:140px;line-height:1;color:var(--ka-vurgu-acik);opacity:.55}
.ka-yorum__one blockquote{margin:0;position:relative}
.ka-yorum__one p{font-family:var(--font-disp);font-size:clamp(24px, calc(1.4vw + 18px), 38px);line-height:1.3;letter-spacing:-.01em;color:var(--snow-50)}
.ka-yorum__one figcaption,.ka-yorum__notlar figcaption{margin-top:18px;font-size:14px;color:var(--ka-acik-yazi)}
.ka-yorum__one figcaption strong,.ka-yorum__notlar figcaption strong{color:var(--snow-50);margin-right:6px}
.ka-yorum__notlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ka-yorum__notlar li{padding:20px 0;border-top:1px solid var(--ka-acik-cizgi)}
.ka-yorum__notlar figure{margin:0}
.ka-yorum__notlar blockquote{margin:0}
.ka-yorum__notlar p{font-size:16px;line-height:1.6;color:var(--snow-50)}
.ka-yorum__notlar figcaption{margin-top:8px}
.ka-yorum .metin-link,.ka-yorum__link{color:var(--ka-vurgu-acik);margin-top:28px}
.ka-yorum__link:hover{color:var(--snow-50)}
@media (min-width:64em){
  .ka-yorum__ust{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:48px}
  .ka-yorum__ust .ka-puan{flex:none}
  .ka-yorum__duvar{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:72px;align-items:start}
  .ka-yorum__one{padding:40px 0 0}
  .ka-yorum__notlar li:last-child{border-bottom:1px solid var(--ka-acik-cizgi)}
}

/* ==================== 6 · AYLIK RAPOR ==================== */
.ka-rapor__ic{display:grid;gap:36px}
.ka-rapor__metin{display:flex;flex-direction:column;gap:16px}
.ka-rapor__metin h2{font-size:var(--h2);line-height:1.08;text-wrap:balance}
.ka-tik{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:12px}
.ka-tik li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--ink-800)}
.ka-tik .ikon{flex:none;margin-top:2px;color:var(--ka-vurgu)}
.ka-belge{margin:0;border:1px solid var(--ka-cizgi);border-top:6px solid var(--ka-vurgu);border-radius:var(--ka-r-k);background:var(--snow-50);box-shadow:12px 12px 0 var(--brand-50);overflow:hidden}
.ka-belge__bas{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:2px solid var(--night-900);color:var(--night-900);font-family:var(--font-disp);font-size:17px;font-weight:700}
.ka-belge__bas>span:first-child{display:flex;align-items:center;gap:10px}
.ka-belge__rozet{font-family:var(--font-govde);font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:var(--ka-r-k);border:1px dashed var(--stone-400);color:var(--ink-500);white-space:nowrap}
.ka-belge__tablo{width:100%;border-collapse:collapse;font-size:14.5px}
.ka-belge__tablo tr:nth-child(even){background:var(--stone-100)}
.ka-belge__tablo th,.ka-belge__tablo td{padding:13px 18px;text-align:left;vertical-align:top}
.ka-belge__tablo th{font-weight:600;color:var(--night-900);white-space:nowrap}
.ka-belge__tablo th span{display:inline-block;width:28px;color:var(--bakir-700);font-weight:700}
.ka-belge__tablo td{color:var(--ink-700);line-height:1.5}
@media (max-width:39.99em){
  .ka-belge{box-shadow:6px 6px 0 var(--brand-50)}
  .ka-belge__tablo tr{display:block;padding:12px 16px}
  .ka-belge__tablo th,.ka-belge__tablo td{display:block;padding:0}
  .ka-belge__tablo td{padding:4px 0 0 28px}
}
@media (min-width:64em){
  .ka-rapor__ic{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:center}
}

/* ==================== 7 · DİKEY ZAMAN ÇİZELGESİ ==================== */
.ka-cizelge__ic{display:grid;gap:32px}
.ka-cizelge__bas{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ka-cizelge__bas h2{font-size:var(--h2);line-height:1.08;text-wrap:balance}
.ka-cizelge__liste{list-style:none;margin:0;padding:0;position:relative}
.ka-cizelge__liste::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--stone-400)}
.ka-cizelge__liste li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding-bottom:28px}
.ka-cizelge__liste li:last-child{padding-bottom:0}
.ka-cizelge__no{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--snow-50);border:2px solid var(--brand-600);color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-family:var(--font-disp);font-weight:700;font-size:19px}
.ka-cizelge__liste li:last-child .ka-cizelge__no{background:var(--brand-600);color:var(--snow-50)}
.ka-cizelge__asama{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bakir-700)}
.ka-cizelge__liste h3{font-size:21px;line-height:1.2;margin:4px 0 8px}
.ka-cizelge__liste p:not(.ka-cizelge__asama){font-size:16px;line-height:1.6;color:var(--ink-700);max-width:58ch}
@media (min-width:64em){
  .ka-cizelge__ic{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:80px;align-items:start}
  .ka-cizelge__bas{position:sticky;top:calc(var(--ust-h) + 32px);gap:20px}
  .ka-cizelge__liste li{padding-bottom:40px;gap:28px}
  .ka-cizelge__liste li>div{padding:4px 0 0}
}

/* ==================== 8 · REFERANS TABLOSU ==================== */
.ka-tablo__bas{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr);gap:28px;padding:0 20px 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);border-bottom:2px solid var(--night-900)}
.ka-tablo__liste{list-style:none;margin:0;padding:0}
.ka-tablo__liste li{border-bottom:1px solid var(--ka-cizgi)}
.ka-tablo__satir{display:grid;gap:10px;padding:22px 4px;color:var(--ink-800);text-decoration:none;transition:background-color .2s}
.ka-tablo__satir:hover{background:var(--stone-100);color:var(--ink-800)}
.ka-tablo__bina{display:flex;flex-direction:column;gap:4px}
.ka-tablo__ilce{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-700)}
.ka-tablo__bina strong{font-family:var(--font-disp);font-size:20px;line-height:1.2;color:var(--night-900)}
.ka-tablo__satir:hover .ka-tablo__bina strong{color:var(--brand-700)}
.ka-tablo__kunye{font-size:13px;color:var(--ink-500)}
.ka-tablo__hucre{font-size:15px;line-height:1.55}
.ka-tablo__et{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);margin-bottom:2px}
.ka-tablo__odak{display:flex;flex-direction:column;align-self:start;padding:10px 14px;border-left:3px solid var(--ka-vurgu);background:var(--stone-100)}
.ka-tablo__odak strong{font-family:var(--font-disp);font-size:19px;line-height:1.2;color:var(--night-900)}
@media (min-width:64em){
  .ka-tablo__satir{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr);gap:28px;padding:28px 20px;align-items:start}
}

/* ==================== 9 · HESAPLAYICI (bileşen site.css'te) ==================== */
.ka-hesap{background:linear-gradient(180deg,var(--snow-50) 0 50%,var(--stone-100) 50% 100%)}
.ka-hesap .hesap{border-radius:var(--ka-r);border:2px solid var(--night-900);box-shadow:10px 10px 0 var(--brand-50)}
.ka-hesap .hesap__sonuc{border-radius:var(--ka-r-k);background:var(--ka-petrol);border-top-color:var(--ka-vurgu-acik)}

/* ==================== 10 · BLOG ==================== */
.ka-blog{background:var(--stone-100)}
.ka-blog__ic{display:grid;gap:20px}
.ka-blog__one{display:flex;flex-direction:column;gap:14px;padding:clamp(24px, 3vw, 44px);border-radius:var(--ka-r);background:var(--night-900);color:var(--snow-50);text-decoration:none;position:relative;overflow:hidden}
.ka-blog__one::after{content:'';position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;border:28px solid color-mix(in srgb, var(--brand-500) 30%, transparent)}
.ka-blog__one:hover{color:var(--snow-50)}
.ka-blog__etiket{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bakir-700)}
.ka-blog__one .ka-blog__etiket{color:var(--ka-vurgu-acik)}
.ka-blog__baslik{font-family:var(--font-disp);font-weight:700;font-size:clamp(26px, calc(1.2vw + 20px), 38px);line-height:1.15;letter-spacing:-.01em;max-width:22ch;position:relative;z-index:1}
.ka-blog__ozet{font-size:16px;line-height:1.6;color:var(--ka-acik-yazi);max-width:56ch}
.ka-blog__alt{margin-top:auto;padding-top:18px;border-top:1px solid var(--ka-acik-cizgi);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px}
.ka-blog__one .ka-blog__kunye{color:var(--ka-acik-yazi)}
.ka-blog__oku{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ka-vurgu-acik)}
.ka-blog__one:hover .ka-blog__oku .ikon{transform:translateX(3px)}
.ka-blog__oku .ikon{transition:transform .3s var(--yumusak)}
.ka-blog__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:2px solid var(--night-900)}
.ka-blog__liste li{border-bottom:1px solid var(--ka-cizgi)}
.ka-blog__liste a{display:flex;flex-direction:column;gap:6px;padding:20px 0;color:var(--night-900);text-decoration:none}
.ka-blog__liste-baslik{font-family:var(--font-disp);font-weight:700;font-size:20px;line-height:1.25}
.ka-blog__liste a:hover .ka-blog__liste-baslik{color:var(--brand-700);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ka-blog__kunye{font-size:13px;color:var(--ink-500)}
@media (min-width:64em){
  .ka-blog__ic{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:stretch}
  .ka-blog__one{min-height:420px;justify-content:flex-end}
  .ka-blog__liste a{padding:24px 0}
}

/* ==================== 11 · SSS (bileşen site.css'te; burada iki sütunlu kutular) ==================== */
.ka-sss{background:var(--snow-50)}
.anasayfa .ka-sss .sss-bolum__ic{display:flex;flex-direction:column;gap:28px}
.anasayfa .ka-sss .sss-bolum__bas{align-items:flex-start;max-width:760px}
.anasayfa .ka-sss h2{font-size:var(--h2);line-height:1.08}
.anasayfa .ka-sss .sss{border-top:0;display:grid;gap:12px;align-items:start}
.anasayfa .ka-sss .sss details{border:1px solid var(--ka-cizgi);border-radius:var(--ka-r);background:var(--stone-100);padding:18px 20px}
.anasayfa .ka-sss .sss details[open]{background:var(--snow-50);border-color:var(--brand-600);box-shadow:inset 4px 0 0 var(--brand-600)}
.anasayfa .ka-sss .sss summary{cursor:pointer}
.anasayfa .ka-sss .sss summary span{font-size:18px;line-height:1.3}
@media (min-width:64em){
  .anasayfa .ka-sss .sss-bolum__ic{display:flex}
  .anasayfa .ka-sss .sss{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
  .anasayfa .ka-sss .sss details{padding:22px 24px}
  .anasayfa .ka-sss .sss summary span{font-size:19px}
  .anasayfa .ka-sss .sss details p{font-size:16px}
}

/* ==================== 12 · KAPANIŞ ==================== */
.ka-kapanis{background:var(--ka-petrol);color:var(--snow-50);padding-block:clamp(52px, 6vw, 96px);border-top:6px solid var(--ka-vurgu)}
.ka-kapanis__ic{display:grid;gap:32px}
.ka-kapanis h2{font-size:var(--h2-buyuk);line-height:1.05;color:var(--snow-50);max-width:16ch;text-wrap:balance}
.ka-kapanis__metin p{margin-top:14px;font-size:var(--govde-l);line-height:1.6;color:var(--ka-acik-yazi);max-width:54ch}
.ka-kapanis__yan{display:flex;flex-direction:column;gap:18px}
.ka-kapanis__tel{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-disp);font-weight:700;font-size:clamp(28px, calc(1.6vw + 22px), 44px);letter-spacing:-.01em;color:var(--snow-50);text-decoration:none;white-space:nowrap}
.ka-kapanis__tel .ikon{flex:none;color:var(--ka-vurgu-acik)}
.ka-kapanis__tel:hover{color:var(--ka-vurgu-acik)}
.ka-kapanis__dugmeler{display:flex;flex-direction:column;gap:10px}
@media (min-width:40em){ .ka-kapanis__dugmeler{flex-direction:row;flex-wrap:wrap} }
@media (min-width:64em){
  .ka-kapanis__ic{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:end}
  .ka-kapanis__yan{padding-left:40px;border-left:1px solid var(--ka-acik-cizgi)}
}

/* ==================== GÖRSELLER (2026-10-21) ====================
   Ortak çerçeve: yuvarlatılmış köşe, altta kırmızı şerit, alttan hafif kırmızı bindirme. */
.anasayfa{--ka-r-g:14px}
.ka-cerceve{position:relative;margin:0;overflow:hidden;border-radius:var(--ka-r-g);background:var(--stone-200);border-bottom:5px solid var(--brand-500);isolation:isolate}
.ka-cerceve picture{display:block;width:100%;height:100%}
.ka-cerceve img{display:block;width:100%;height:100%;object-fit:cover}
.ka-cerceve::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,transparent 55%,color-mix(in srgb, var(--brand-800) 38%, transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--night-950) 12%, transparent)}

/* 2 · İlçeler: görsel + bulut */
.ka-serit__sag{display:flex;flex-direction:column;gap:22px;min-width:0}
.ka-serit__gorsel{aspect-ratio:16 / 10}
.ka-bulut--genel{gap:10px}
.ka-bulut--genel .ka-bulut__genel{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:999px;text-decoration:none;border:1px solid var(--night-900);transition:background-color .2s,border-color .2s,color .2s}
.ka-bulut .ka-bulut__tr{background:var(--snow-50);color:var(--brand-700);border-color:var(--brand-600)}
.ka-bulut .ka-bulut__tr:hover{background:var(--brand-600);border-color:var(--brand-600);color:var(--snow-50)}
.ka-bulut li .ka-bulut__ad,.ka-bulut li:nth-child(1) .ka-bulut__ad,.ka-bulut li:nth-child(2) .ka-bulut__ad{font-size:clamp(15px, 1.1vw, 17px)}
.ka-bulut li a{min-height:44px;padding:10px 16px}
@media (min-width:64em){
  .ka-serit__ic{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:56px;align-items:center}
  .ka-serit__gorsel{aspect-ratio:4 / 5;max-height:560px}
}

/* 3 · Hizmet kataloğu: grup görseli */
.ka-katalog__gorsel{aspect-ratio:16 / 9;margin-bottom:6px}
@media (min-width:64em){ .ka-katalog__gorsel{aspect-ratio:3 / 2} }

/* 4 · Neden: başlık altında görsel */
.ka-neden__gorsel{aspect-ratio:3 / 2;margin-top:8px}
@media (max-width:63.99em){ .ka-neden__gorsel{aspect-ratio:16 / 9} }

/* 6 · Rapor: belge fotoğrafın üstüne bindirilir */
.ka-rapor__sahne{position:relative;display:grid;gap:0}
.ka-rapor__foto{aspect-ratio:16 / 10}
.ka-rapor__sahne .ka-belge{position:relative;z-index:2;margin:-48px 12px 0}
@media (min-width:64em){
  .ka-rapor__foto{aspect-ratio:16 / 11;width:88%}
  .ka-rapor__sahne .ka-belge{margin:-120px 0 0 16%}
}

/* 7 · Çizelge: görsel */
.ka-cizelge__gorsel{aspect-ratio:16 / 9;width:100%}
@media (min-width:64em){ .ka-cizelge__gorsel{aspect-ratio:4 / 3} }

/* 8 · Referans tablosu: bina fotoğrafı */
.ka-tablo__foto{display:block;aspect-ratio:16 / 10;margin-bottom:12px;border-bottom-width:4px}
.ka-tablo__satir:hover .ka-tablo__foto img{transform:scale(1.04)}
.ka-tablo__foto img{transition:transform .5s var(--yumusak)}

/* 10 · Blog: öne çıkan yazıda fotoğraf + kırmızı bindirme, listede küçük görsel */
.ka-blog__foto{position:absolute;inset:0;z-index:0}
.ka-blog__foto picture{display:block;width:100%;height:100%}
.ka-blog__foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--yumusak)}
.ka-blog__one:hover .ka-blog__foto img{transform:scale(1.04)}
.ka-blog__foto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb, var(--night-950) 35%, transparent) 0,color-mix(in srgb, var(--night-950) 78%, transparent) 50%,color-mix(in srgb, var(--night-950) 94%, transparent) 100%)}
.ka-blog__one>*:not(.ka-blog__foto){position:relative;z-index:1}
.ka-blog__one::after{z-index:1}
.ka-blog__one{min-height:400px;justify-content:flex-end;border-radius:var(--ka-r-g);border-bottom:5px solid var(--brand-500)}
.ka-blog__liste a{flex-direction:row;align-items:flex-start;gap:16px}
.ka-blog__kucuk{flex:none;width:96px;aspect-ratio:1;border-radius:10px;border-bottom-width:3px}
.ka-blog__yazi{display:flex;flex-direction:column;gap:6px;min-width:0}
@media (min-width:64em){ .ka-blog__kucuk{width:132px;aspect-ratio:4 / 3} }

@media (prefers-reduced-motion:reduce){
  .ka-blog__foto img,.ka-tablo__foto img{transition:none}
  .ka-blog__one:hover .ka-blog__foto img,.ka-tablo__satir:hover .ka-tablo__foto img{transform:none}
}

} /* @layer sayfa */