/* Sohbet: sağ alttaki pencere ve ana sayfadaki soru alanı. Yapı SmartPrep ai-floating / ai-surface.
   Renk: yalnız mürekkep ve krem tonları (U094: sohbette yeşil-kırmızı yok). Tokenlar site.css :root'tan gelir. */
.ask,.surface{--ask-ink:var(--c-ink);--ask-soft:var(--c-ink-soft);--ask-mute:var(--c-ink-mute);--ask-line:var(--c-line);--ask-bg:var(--c-paper);--ask-well:var(--c-paper-warm);--ask-cream:var(--c-cream);--ask-focus:var(--ask-ink);--ask-ease:cubic-bezier(.23,1,.32,1)}
.ask :focus-visible,.surface :focus-visible{outline:3px solid var(--ask-focus);outline-offset:2px}
.ask svg,.surface__thread svg,.surface__tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Yüzen düğme ve "sohbete dönün" ipucu */
.ask{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.ask[hidden],.ask__panel[hidden],.ask__resume[hidden]{display:none}
.ask__btn{position:relative;display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:var(--ask-ink);color:var(--ask-cream);cursor:pointer;box-shadow:0 16px 36px -12px color-mix(in srgb,var(--c-night) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--ask-cream) 14%,transparent);transition:transform .16s var(--ask-ease),background-color .16s ease}
.ask__btn svg{width:26px;height:26px;stroke-width:1.8}
.ask__btn:active{transform:scale(.95)}
.ask.has-chat .ask__btn::after{content:"";position:absolute;top:4px;inset-inline-end:4px;width:12px;height:12px;border-radius:50%;background:var(--ask-cream);box-shadow:0 0 0 2px var(--ask-ink)}
.ask__resume{min-height:44px;padding:0 18px;border:1px solid var(--ask-line);border-radius:999px;background:var(--ask-bg);color:var(--ask-ink);font-size:.9375rem;font-weight:700;cursor:pointer;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--c-night) 45%,transparent);transition:opacity .2s var(--ask-ease),transform .2s var(--ask-ease)}
@starting-style{.ask__resume{opacity:0;transform:translateY(6px)}}
@media (hover:hover){.ask__btn:hover{background:var(--c-night)}.ask__resume:hover{border-color:var(--ask-ink)}}
/* DETAY234: hizmet detayında (tek sütun, 992 altı) sayfanın kendi "Asistana sorun" düğmesi ekrandayken yüzen düğme ekranın altına iner;
   içeriğe ve başlıklara binmez. Zaman çizelgesi site.css'te (.sv-do). Desteklemeyen tarayıcıda düğme yerinde kalır. */
@keyframes ask-in{6%,94%{translate:0 calc(100% + 40px)}}
@media (max-width:991px){.is-service .ask__btn{animation:ask-in linear;animation-timeline:--sv-do;animation-range:cover -90px cover calc(100% + 90px)}}

/* Pencere */
.ask__panel{display:flex;flex-direction:column;width:400px;max-width:calc(100vw - 32px);height:620px;max-height:calc(100vh - 112px);max-height:calc(100dvh - 112px);background:var(--ask-bg);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px -12px color-mix(in srgb,var(--c-night) 32%,transparent),0 0 0 1px var(--ask-line);transform-origin:var(--end) bottom;transition:opacity .22s var(--ask-ease),transform .22s var(--ask-ease)}
@starting-style{.ask__panel{opacity:0;transform:translateY(12px) scale(.97)}}
html.ask-lock,html.ask-lock body{overflow:hidden}

.ask__head{display:flex;align-items:center;gap:12px;padding-block:12px;padding-inline:16px 10px;background:var(--ask-ink);color:var(--ask-cream);flex:none}
.ask__avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--ask-cream) 12%,transparent);color:var(--ask-cream)}
.ask__id{flex:1;min-width:0}
.ask__id p{margin:0}
.ask__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ask-cream)}
.ask__sub{font-size:.8125rem;line-height:1.35;color:color-mix(in srgb,var(--ask-cream) 74%,transparent)}
.ask__tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .16s ease}
.ask__tool[hidden]{display:none}
.ask__tool--x{padding:0}
.ask__head .ask__tool:hover{background:color-mix(in srgb,var(--ask-cream) 12%,transparent)}

/* Akış */
.ask__thread{position:relative;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:16px;background:var(--ask-well);scrollbar-width:thin}
.ask__thread:focus,.surface__thread:focus{outline:none}
.ask__turn{display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:opacity .2s var(--ask-ease),transform .2s var(--ask-ease)}
@starting-style{.ask__turn{opacity:0;transform:translateY(6px)}}
.ask__turn--user{align-items:flex-end}
.ask__msg{max-width:88%;margin:0;padding:10px 14px;border-radius:16px;font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere;color:var(--ask-ink)}
.ask__msg--bot{background:var(--ask-bg);border:1px solid var(--ask-line);border-end-start-radius:4px}
.ask__msg--user{background:var(--ask-ink);color:var(--ask-cream);border-end-end-radius:4px;white-space:pre-wrap}
.ask__msg p{margin:0}
.ask__msg p+p,.ask__msg p+ul,.ask__msg p+ol,.ask__msg ul+p,.ask__msg ol+p,.ask__msg ul+ul,.ask__msg ol+ol{margin-top:.6em}
.ask__msg ul,.ask__msg ol{padding-inline-start:1.2em}
.ask__msg ul{list-style:none}
.ask__msg ul li{position:relative}
.ask__msg ul li::before{content:"";position:absolute;inset-inline-start:-.95em;top:.66em;width:5px;height:5px;border-radius:50%;background:var(--ask-mute)}
.ask__msg ol{list-style:decimal}
.ask__msg ol li::marker{color:var(--ask-mute);font-weight:600}
.ask__msg li+li{margin-top:.3em}
.ask__msg strong{font-weight:700}
.ask__msg a{font-weight:700;color:var(--ask-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ask__msg--err,.ask__msg--note{background:var(--ask-cream);border:1px solid color-mix(in srgb,var(--ask-ink) 22%,transparent)}
.ask__msg--ok{background:var(--ask-bg);border:1px solid var(--ask-ink);font-weight:600}
/* Yanıt blok blok belirir (JS ekler; hareket kısıtlıysa hiç eklenmez) */
.ask__rv{opacity:0;transform:translateY(4px);transition:opacity .24s var(--ask-ease),transform .24s var(--ask-ease)}
.ask__rv.is-in{opacity:1;transform:none}

/* Yazıyor göstergesi */
.ask__typing{display:inline-flex;align-items:center;gap:10px;padding:12px 16px}
.ask__dots{display:inline-flex;gap:4px}
.ask__dot{width:7px;height:7px;border-radius:50%;background:var(--ask-mute);animation:ask-dot 1.2s ease-in-out infinite}
.ask__dot:nth-child(2){animation-delay:.16s}.ask__dot:nth-child(3){animation-delay:.32s}
@keyframes ask-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
.ask__slow{font-size:.875rem;color:var(--ask-mute)}

/* Hizmet kartları: başlık + ok, kartın tamamı bağlantı */
.ask__cards{display:flex;flex-direction:column;gap:8px;width:88%}
.ask__card{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px;padding-inline-start:16px;background:var(--ask-bg);border:1px solid var(--ask-line);border-radius:14px;text-decoration:none;color:var(--ask-ink);transition:border-color .16s ease,transform .16s var(--ask-ease)}
.ask__card-txt{flex:1;min-width:0}
.ask__card-t{display:block;font-size:.9375rem;font-weight:700;line-height:1.3}
.ask__card-go{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--ask-well);transition:background-color .16s ease,color .16s ease,transform .16s var(--ask-ease)}
.ask__card-go svg{width:18px;height:18px}
[dir=rtl] :is(.ask__send,.surface__send,.ask__card-go) svg{transform:scaleX(-1)}
.ask__card:active{transform:scale(.98)}
@media (hover:hover){.ask__card:hover{border-color:var(--ask-ink)}.ask__card:hover .ask__card-go{background:var(--ask-ink);color:var(--ask-cream);transform:translateX(calc(2px * var(--dir)))}}

/* Çipler: teklif, hızlı yanıt, tekrar dene */
.ask__offer,.ask__quick{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
.ask__chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--ask-line);border-radius:999px;background:var(--ask-bg);color:var(--ask-ink);font-size:.875rem;font-weight:600;text-align:start;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s var(--ask-ease)}
.ask__chip:active{transform:scale(.97)}
.ask__chip--ink{background:var(--ask-ink);border-color:var(--ask-ink);color:var(--ask-cream)}
.ask__chip--line{border-color:color-mix(in srgb,var(--ask-ink) 45%,transparent)}
@media (hover:hover){.ask__chip:hover{border-color:var(--ask-ink)}.ask__chip--ink:hover{background:var(--c-night)}}

/* Görüşme formu (sohbetin içinde) */
.ask__lead{align-self:stretch;background:var(--ask-bg);border:1px solid var(--ask-line);border-radius:16px;padding:18px 16px 16px;box-shadow:0 12px 28px -18px color-mix(in srgb,var(--c-night) 40%,transparent);transition:opacity .22s var(--ask-ease),transform .22s var(--ask-ease)}
@starting-style{.ask__lead{opacity:0;transform:translateY(8px)}}
.ask__lead[hidden]{display:none}
.ask__lead-h{margin:0 0 4px;font-size:1.125rem;font-weight:700;color:var(--ask-ink)}
.ask__lead-p{margin:0 0 14px;font-size:.875rem;color:var(--ask-mute)}
.ask__field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;min-width:0}
.ask__field label,.ask__times legend{font-size:.875rem;font-weight:700;color:var(--ask-ink)}
.ask__opt{font-weight:500;color:var(--ask-mute)}
.ask__field input{width:100%;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--ask-ink) 22%,transparent);border-radius:10px;background:var(--ask-bg);font-size:1rem;color:var(--ask-ink);transition:border-color .16s ease,box-shadow .16s ease}
.ask__field input:focus{outline:none;border-color:var(--ask-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ask-ink) 12%,transparent)}
.ask__field input[aria-invalid=true]{border-color:var(--ask-ink);border-width:2px;background:var(--ask-cream)}
.ask__pair{display:grid;grid-template-columns:1fr;column-gap:10px}
@media (min-width:380px){.ask__pair{grid-template-columns:1fr 1fr}}
.ask__hint{margin:-4px 0 14px;font-size:.8125rem;color:var(--ask-mute)}
.ask__times{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:0 0 14px;padding:0;border:0}
.ask__times legend{padding:0;margin-bottom:6px}
.ask__times label{position:relative;display:block;cursor:pointer}
.ask__times input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.ask__times span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--ask-line);border-radius:10px;background:var(--ask-bg);font-size:.875rem;font-weight:600;color:var(--ask-ink);transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.ask__times input:checked+span{background:var(--ask-ink);border-color:var(--ask-ink);color:var(--ask-cream)}
.ask__times input:focus-visible+span{outline:3px solid var(--ask-ink);outline-offset:2px}
.ask__consent{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:.875rem;line-height:1.45;color:var(--ask-soft);cursor:pointer}
.ask__consent input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--ask-ink)}
.ask__consent a{font-weight:700;color:var(--ask-ink)}
.ask__status{margin:0 0 12px;font-size:.875rem;font-weight:700;color:var(--ask-ink)}
.ask__status:empty{display:none}
.ask__status.is-err{padding:10px 12px;border-radius:10px;background:var(--ask-cream)}
.ask__lead-do{display:flex;align-items:center;gap:8px}
.ask__primary{flex:1;min-height:48px;padding:0 18px;border:0;border-radius:999px;background:var(--ask-ink);color:var(--ask-cream);font-weight:700;cursor:pointer;transition:background-color .16s ease,transform .16s var(--ask-ease)}
.ask__primary:active{transform:scale(.98)}
.ask__primary[aria-disabled=true]{opacity:.6;cursor:progress}
.ask__ghost{min-height:44px;padding:0 12px;border:0;background:none;color:var(--ask-soft);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Yazma kutusu */
.ask__compose{flex:none;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--ask-line);background:var(--ask-bg)}
.ask__box{display:flex;align-items:flex-end;gap:8px;padding:6px;padding-inline-start:14px;border:1px solid color-mix(in srgb,var(--ask-ink) 20%,transparent);border-radius:16px;background:var(--ask-bg);transition:border-color .16s ease,box-shadow .16s ease}
.ask__box:focus-within{border-color:var(--ask-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ask-ink) 10%,transparent)}
.ask__box textarea,.surface__row textarea{flex:1;min-width:0;min-height:44px;margin:0;padding:8px 0;border:0;outline:0;background:transparent;resize:none;font-size:1rem;line-height:1.5;color:var(--ask-ink);max-height:9.5em;overflow-y:auto}
.ask__box textarea::placeholder,.surface__row textarea::placeholder{color:var(--ask-mute);opacity:1}
.ask__box textarea:focus-visible,.surface__row textarea:focus-visible{outline:0}
.ask__send,.surface__send{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:var(--ask-ink);color:var(--ask-cream);cursor:pointer;transition:background-color .16s ease,transform .16s var(--ask-ease),opacity .16s ease}
.ask__send:active,.surface__send:active{transform:scale(.95)}
.ask__send[aria-disabled=true],.surface__send[aria-disabled=true]{opacity:.5;cursor:progress}
@media (hover:hover){.ask__send:hover,.surface__send:hover,.ask__primary:hover{background:var(--c-night)}}
.ask__meta{display:flex;justify-content:space-between;gap:8px;margin:6px 4px 0;font-size:.8125rem;line-height:1.35;color:var(--ask-mute)}
.ask__count{flex:none;font-variant-numeric:tabular-nums}
.ask__count[hidden]{display:none}
.ask__count.is-max{color:var(--ask-ink);font-weight:700}

/* Telefon: açık panel tam ekran; klavye açıkken görünür alanın boyunu alır (JS --ask-vh/--ask-vt yazar) */
@media (max-width:560px){
  .ask.is-open{top:var(--ask-vt,0);inset-inline:0;bottom:auto;height:var(--ask-vh,100dvh);gap:0}
  .ask.is-open .ask__btn,.ask.is-open .ask__resume{display:none}
  .ask.is-open .ask__panel{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;box-shadow:none}
  .ask__head{padding-top:calc(12px + env(safe-area-inset-top))}
  .ask__head .ask__tool span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ask__head .ask__tool{padding:0}
  .ask__msg,.ask__cards{max-width:92%}
  .ask__cards{width:92%}
}

/* Ana sayfadaki soru alanı (SmartPrep .ai-surface): yanıt alanın içinde akar.
   U112: bölüm kabuğu gece zemini, üstte hafif krem ışık. Kart onun bir ton üstünde: mürekkep zemin, krem yazı ve çerçeve,
   köşede krem ışık, üst kenarda ışık çizgisi; yazma satırı ve yanıt balonları beyaz kalır.
   Son renk kararı kullanıcıda: soru alanının bütün renkleri aşağıdaki --sf-* satırından gelir (yalnız site.css tokenları; kırmızı-yeşil yok, U094). */
.surface{--sf-bg:var(--c-ink);--sf-bg-2:var(--c-ink-soft);--sf-fg:var(--c-cream);--sf-mute:color-mix(in srgb,var(--c-cream) 76%,transparent);--sf-line:color-mix(in srgb,var(--c-cream) 22%,transparent);--sf-glow:color-mix(in srgb,var(--c-cream) 14%,transparent);--sf-pad:24px;--ask-focus:var(--sf-fg)}
.surface-sec{padding:48px 0;background:radial-gradient(60% 70% at 50% 0,color-mix(in srgb,var(--c-cream) 7%,transparent),transparent 70%),var(--c-night)}
/* TAS183: 768'den itibaren üst ve alt gece şeridi 96 px (sitenin masaüstü bölüm boşluğu); sabit boy logo rozeti (80 px) karta binmeden sığar */
@media (min-width:768px){.surface-sec{padding-block:96px}}
.surface{position:relative;display:flex;flex-direction:column;max-width:980px;margin:0 auto;padding:28px var(--sf-pad);background:radial-gradient(120% 90% at 100% 0,var(--sf-glow),transparent 55%),linear-gradient(160deg,var(--sf-bg-2),var(--sf-bg) 70%);color:var(--sf-fg);border:1px solid var(--sf-line);border-radius:var(--r-xl);box-shadow:inset 0 1px 0 var(--sf-line),0 0 0 6px color-mix(in srgb,var(--c-cream) 4%,transparent),0 32px 64px -28px color-mix(in srgb,var(--c-black) 70%,transparent)}
.surface::before{content:"";position:absolute;top:-1px;inset-inline:12%;height:1px;background:linear-gradient(90deg,transparent,var(--sf-fg),transparent);pointer-events:none}
.surface__row,.surface .ask__msg--bot,.surface .ask__lead{--ask-focus:var(--ask-ink)}
.surface__head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}
.surface__head h2{margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;letter-spacing:-.018em;color:var(--sf-fg)}
.surface__head p{margin:8px 0 0;font-size:1rem;color:var(--sf-mute)}
/* TAS177: konuşma balonu yerine hero'daki kırmızı amblem, dönmeden */
/* IKON206: favicon'la aynı; tam dolu kırmızı yuvarlak köşeli kare (rx 14/64), beyaz amblem genişliğin %71'i */
.surface__ico{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:12px;background:var(--accent)}
.surface__ico .star{width:40px;height:auto;color:var(--c-paper);animation:none}
.surface__row{position:relative;display:flex;align-items:flex-end;gap:12px;padding:8px;padding-inline-start:16px;border:1px solid transparent;border-radius:16px;background:var(--ask-bg);color:var(--ask-ink);box-shadow:0 12px 32px -16px color-mix(in srgb,var(--c-night) 70%,transparent);transition:box-shadow .16s ease}
.surface__row:focus-within{box-shadow:0 0 0 4px var(--sf-mute),0 12px 32px -16px color-mix(in srgb,var(--c-night) 70%,transparent)}
.surface__row textarea{font-size:1.0625rem}
.surface__count{position:absolute;inset-inline-end:64px;bottom:-22px;font-size:.8125rem;color:var(--sf-mute)}
.surface__count.is-max{color:var(--sf-fg)}
.surface__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.surface__chips button{min-height:44px;padding:8px 16px;border:1px solid var(--sf-line);border-radius:999px;background:color-mix(in srgb,var(--sf-fg) 6%,transparent);font-size:.9375rem;font-weight:500;color:var(--sf-fg);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s var(--ask-ease)}
.surface__chips button:active{transform:scale(.97)}
@media (hover:hover){.surface__chips button:hover{border-color:var(--sf-fg);background:var(--sf-fg);color:var(--ask-ink)}.surface__tools .ask__tool:hover{background:var(--sf-glow)}}
.surface.is-active .surface__chips{display:none}
.surface__thread{position:relative;display:flex;flex-direction:column;gap:16px;margin-top:20px;padding:16px 4px 4px;max-height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--sf-line);scrollbar-width:thin;scrollbar-color:var(--sf-line) transparent}
.surface__thread[hidden]{display:none}
.surface__thread .ask__msg,.surface__thread .ask__cards{max-width:min(88%,680px)}
.surface__thread .ask__cards{width:min(88%,520px)}
.surface__thread .ask__lead{max-width:560px}
/* Koyu zeminde: ziyaretçi balonu ve ana eylem çipi açık renge döner */
.surface .ask__msg--user{background:var(--sf-fg);color:var(--ask-ink)}
.surface .ask__chip--ink{background:var(--sf-fg);border-color:var(--sf-fg);color:var(--ask-ink)}
@media (hover:hover){.surface .ask__chip--ink:hover{background:var(--ask-bg);border-color:var(--ask-bg)}}
.surface__tools{display:flex;justify-content:flex-end;margin-top:8px}
.ask__tool--light{color:var(--ask-soft)}
.surface .ask__tool--light{color:var(--sf-fg)}
/* 768 altında örnek dertler tek satır: kartın kenarından kenarına kayan şerit */
@media (max-width:767px){
  .surface__chips{flex-wrap:nowrap;margin:10px calc(-1 * var(--sf-pad)) 0;padding:6px var(--sf-pad);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--sf-pad);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,var(--c-black) var(--sf-pad),var(--c-black) calc(100% - var(--sf-pad)),transparent);mask-image:linear-gradient(90deg,transparent,var(--c-black) var(--sf-pad),var(--c-black) calc(100% - var(--sf-pad)),transparent)}
  .surface__chips::-webkit-scrollbar{display:none}
  .surface__chips button{flex:none;white-space:nowrap;scroll-snap-align:start}
}
@media (min-width:541px){
  .surface{--sf-pad:48px;padding:56px var(--sf-pad)}
  .surface__head{flex-direction:row;gap:24px}
}