/* ==========================================================================
   Kuzey Temizlik — Keşif İste formu (/kesif-iste). Tasarım sistemi: seçim kartı = çip dili (44/56 px), alan 56 px, odak lime + lacivert.
   ========================================================================== */
.kesif{padding-top:24px;padding-bottom:var(--bolum);display:flex;flex-direction:column;gap:32px}
.kesif__bas{display:flex;flex-direction:column;gap:16px;max-width:760px}
.kesif__izgara{display:flex;flex-direction:column;gap:24px}
.kesif__form{display:flex;flex-direction:column;gap:28px;border-radius:24px;background:var(--white);border:1px solid var(--line);padding:22px 18px}
.kesif__ilerleme{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kesif__ilerleme li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted);padding-top:10px;border-top:3px solid var(--soft)}
.kesif__ilerleme li[aria-current],.kesif__ilerleme li.bitti{color:var(--ink);border-top-color:var(--accent)}
.kesif__no{width:24px;height:24px;border-radius:50%;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;flex-shrink:0}
.kesif__ilerleme li[aria-current] .kesif__no,.kesif__ilerleme li.bitti .kesif__no{background:var(--ink);color:var(--bg)}
.kesif__adim{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;min-width:0}
.kesif__soru{display:flex;flex-direction:column;gap:10px;font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.02em;padding:0;margin-bottom:4px}
.kesif__grup{display:flex;flex-direction:column;gap:10px}
.kesif__alt{display:flex;flex-direction:column;gap:10px}
.kesif__iki{display:grid;gap:16px}
.alan__ad{font-weight:600;font-size:14px}
.secenekler{display:grid;gap:8px}
.secenekler--hizmet{grid-template-columns:repeat(2,minmax(0,1fr))}
.secenekler--mekan{grid-template-columns:1fr}
.secenekler--oda{grid-template-columns:repeat(3,minmax(0,1fr))}
.secenekler--hap{display:flex;flex-wrap:wrap;gap:8px}
.secenek{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-weight:600;font-size:14px;line-height:1.25;transition:border-color 200ms var(--ease),background-color 200ms var(--ease)}
.secenek:hover{border-color:var(--ink)}
.secenek input{position:absolute;opacity:0;pointer-events:none}
.secenek:has(input:checked){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.secenek:has(input:checked) .ikon{color:var(--accent)}
.secenek:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--accent)}
.secenek--iki span{display:flex;flex-direction:column;gap:2px}
.secenek--iki small{font-weight:400;font-size:13px;opacity:.75}
.secenek--kucuk{justify-content:center;min-height:52px}
.secenek--hap{min-height:44px;border-radius:999px;padding:0 18px;gap:8px}
.kesif__hata{font-size:14px;font-weight:600;color:#A33A2B}
.kesif__hata--genel{padding:14px 16px;border-radius:14px;background:#FBEAE7}
.kesif__durum{font-size:15px;font-weight:600}
.kesif__durum:empty{display:none}
.kesif__dugmeler{display:flex;gap:10px;justify-content:space-between}
.kesif__dugmeler .btn[data-ileri],.kesif__dugmeler .btn[data-gonder]{margin-left:auto}
.kesif__ozet{display:flex;flex-direction:column;gap:18px}
.kesif__ozet-kart{background:var(--ink);color:var(--bg);border-radius:24px;padding:26px 24px;display:flex;flex-direction:column;gap:16px}
.kesif__dl{margin:0;display:flex;flex-direction:column}
.kesif__dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--lineD);font-size:15px}
.kesif__dl dt{color:var(--mutedD)}
.kesif__dl dd{margin:0;font-weight:600;text-align:right}
.kesif__tahmin{display:flex;flex-direction:column;gap:8px}
.kesif__tahmin .hesap__fiyat{font-size:30px}
.kesif__tahmin small{font-size:13px;color:var(--bodyD)}
.kesif__guven{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-weight:600;font-size:15px}
.kesif__guven li{display:flex;align-items:center;gap:12px}
.kesif__tel{font-size:15px;color:var(--body)}
.kesif__tel a{font-weight:600;color:var(--ink)}
.kesif__tamam{border-radius:28px;background:var(--soft);padding:40px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:820px}
.kesif__tamam-ikon{width:64px;height:64px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}
/* JS: yalnız etkin adım görünür */
.js .kesif__form[data-adimli] .kesif__adim:not(.etkin){display:none}
.js .kesif__form[data-adimli] [data-tur-kap]:not(.etkin){display:none}
@media (min-width:40em){
  .secenekler--hizmet{grid-template-columns:repeat(3,minmax(0,1fr))}
  .secenekler--mekan{grid-template-columns:repeat(2,minmax(0,1fr))}
  .secenekler--oda{grid-template-columns:repeat(6,minmax(0,1fr))}
  .kesif__iki{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64em){
  .kesif{padding-top:40px;gap:40px}
  .kesif__izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
  .kesif__form{grid-column:1/span 8;padding:36px;border-radius:32px;gap:32px}
  .kesif__ozet{grid-column:9/span 4;position:sticky;top:calc(var(--ust-h) + 24px)}
  .kesif__soru{font-size:28px}
  .kesif__ilerleme li{font-size:14px}
  .secenekler--hizmet{grid-template-columns:repeat(3,minmax(0,1fr))}
  .secenekler--mekan{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kesif__tamam{padding:56px}
}
