/* YAR-KİM — AI Chatbot widget */
.yk-fab{position:fixed;right:22px;bottom:22px;z-index:200;width:60px;height:60px;border-radius:50%;
  background:var(--accent);color:#fff;border:0;cursor:pointer;box-shadow:0 12px 30px -8px rgba(236,90,19,.6);
  display:grid;place-items:center;transition:transform .2s,box-shadow .2s}
.yk-fab:hover{transform:scale(1.07)}
.yk-fab svg{width:27px;height:27px}
.yk-fab .badge{position:absolute;top:-3px;right:-3px;width:14px;height:14px;border-radius:50%;background:#1c8e5a;border:2px solid #fff}
.yk-fab .badge.off{background:#9aa7b3}
.yk-chat[hidden]{display:none}
.yk-chat{position:fixed;right:22px;bottom:22px;z-index:201;width:380px;max-width:calc(100vw - 32px);
  height:560px;max-height:calc(100vh - 44px);background:var(--surface);border:1px solid var(--border);
  border-radius:18px;box-shadow:0 40px 90px -30px rgba(12,28,44,.55);display:flex;flex-direction:column;overflow:hidden}
.yk-chat-hd{background:var(--ink);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
.yk-chat-hd .av{width:38px;height:38px;border-radius:50%;background:var(--accent);display:grid;place-items:center;flex:none}
.yk-chat-hd .av svg{width:20px;height:20px}
.yk-chat-hd .ttl{flex:1}
.yk-chat-hd .ttl b{display:block;font-family:var(--ff-display);font-weight:700;font-size:15px}
.yk-chat-hd .ttl span{font-family:var(--ff-mono);font-size:10.5px;color:#9fb0c0;display:flex;align-items:center;gap:5px}
.yk-chat-hd .ttl span::before{content:"";width:7px;height:7px;border-radius:50%;background:#3fb37f}
.yk-chat-hd .ttl span.off::before{background:#9aa7b3}
.yk-chat-hd button{background:rgba(255,255,255,.12);border:0;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:grid;place-items:center;flex:none}
.yk-chat-hd button:hover{background:rgba(255,255,255,.22)}
.yk-chat-hd #ykReset{margin-left:-4px}
.yk-chat-hd #ykReset:hover{background:var(--accent)}
.yk-msgs{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--surface-2)}
.yk-m{max-width:85%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.yk-m.bot{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start;color:var(--ink)}
.yk-m.bot strong{color:var(--steel)}
.yk-m.me{background:var(--steel);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.yk-chips{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start;max-width:95%}
.yk-chips a{font-size:12.5px;background:var(--blue-tint);color:var(--steel);border:1px solid color-mix(in srgb,var(--steel) 25%,var(--border));
  padding:6px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:5px}
.yk-chips a:hover{background:var(--steel);color:#fff}
.yk-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px}
.yk-typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:ykbounce 1.2s infinite}
.yk-typing span:nth-child(2){animation-delay:.15s}.yk-typing span:nth-child(3){animation-delay:.3s}
@keyframes ykbounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.yk-lead{align-self:stretch;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:13px}
.yk-lead b{font-size:13px;display:block;margin-bottom:8px}
.yk-lead input,.yk-lead select{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font:13.5px var(--ff-body);margin-bottom:7px;background:var(--surface);color:var(--ink)}
.yk-lead .kv{display:flex;gap:7px;align-items:flex-start;font-size:11.5px;color:var(--muted);margin:2px 0 9px}
.yk-lead .kv input{width:auto;margin:2px 0 0}
.yk-lead button{width:100%;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px;font-weight:600;cursor:pointer;font-size:13.5px}
.yk-lead .ok{color:#1c8e5a;font-size:13px;text-align:center;padding:6px}
.yk-inp{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--surface)}
.yk-inp input{flex:1;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font:14px var(--ff-body);background:var(--surface);color:var(--ink)}
.yk-inp input:focus{outline:none;border-color:var(--steel)}
.yk-inp button{width:44px;height:44px;border-radius:10px;background:var(--accent);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;flex:none}
.yk-inp button:disabled{opacity:.5;cursor:default}
.yk-inp button svg{width:19px;height:19px}
.yk-foot{text-align:center;font-family:var(--ff-mono);font-size:9.5px;color:var(--muted);padding:0 0 8px;background:var(--surface)}
@media(max-width:480px){.yk-chat{right:8px;bottom:8px;height:calc(100vh - 16px)}.yk-fab{right:16px;bottom:16px}}

/* KVKK notu, ürün linki, Evet/Hayır */
.yk-note{align-self:center;text-align:center;font-size:11px;color:var(--muted);background:var(--blue-tint);padding:6px 12px;border-radius:8px;max-width:92%;line-height:1.4}
.yk-m.bot a.yk-plink{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.yk-m.bot a.yk-plink:hover{color:#d64f0e}
.yk-choice{display:flex;gap:8px;align-self:flex-start}
.yk-choice button{padding:9px 22px;border-radius:9px;border:1px solid var(--border);font-weight:600;font-size:14px;cursor:pointer;background:var(--surface);color:var(--ink)}
.yk-choice .yes{background:var(--accent);color:#fff;border-color:var(--accent)}
.yk-choice .yes:hover{background:#d64f0e}
.yk-choice .no:hover{border-color:var(--steel);color:var(--steel)}

/* Örnek soru rozetleri */
.yk-samples{display:flex;flex-direction:column;gap:7px;align-self:flex-start;max-width:92%}
.yk-samples button{text-align:left;background:var(--surface);border:1px dashed var(--accent);color:var(--accent);
  padding:9px 13px;border-radius:11px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.yk-samples button:hover{background:var(--accent);color:#fff;border-style:solid}
/* Dikkat balonu (titreme) + ikon zıplaması */
.yk-nudge{position:fixed;right:100px;bottom:34px;z-index:200;background:var(--ink);color:#fff;font-size:15px;font-weight:500;
  padding:15px 18px;border-radius:16px;border-bottom-right-radius:4px;box-shadow:0 18px 46px -14px rgba(12,28,44,.65);
  display:flex;gap:12px;align-items:center;max-width:300px;cursor:pointer;line-height:1.45;
  animation:yknudgein .45s ease, yknudgeshake 2.6s ease-in-out .7s infinite}
.yk-nudge button{background:rgba(255,255,255,.15);border:0;color:#fff;width:24px;height:24px;border-radius:50%;
  cursor:pointer;flex:none;font-size:15px;line-height:1}
@keyframes yknudgein{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}
@keyframes yknudgeshake{
  0%,24%{transform:rotate(0)}
  26%{transform:rotate(-2.5deg) translateX(-2px)}
  28%{transform:rotate(2.5deg) translateX(2px)}
  30%{transform:rotate(-2deg) translateX(-2px)}
  32%{transform:rotate(2deg) translateX(2px)}
  34%{transform:rotate(-1deg)}
  36%,100%{transform:rotate(0)}}
.yk-fab.pulse{animation:ykbounce 2.6s cubic-bezier(.28,.84,.42,1) .7s infinite}
@keyframes ykbounce{
  0%,20%{transform:translateY(0) scale(1)}
  26%{transform:translateY(-16px) scale(1.06);box-shadow:0 26px 34px -10px rgba(236,90,19,.55)}
  32%{transform:translateY(0) scale(1,.94)}
  36%{transform:translateY(-7px) scale(1.03)}
  41%{transform:translateY(0) scale(1)}
  44%{transform:translateY(-2px)}
  47%,100%{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.yk-nudge{animation:yknudgein .45s ease}.yk-fab.pulse{animation:none}}
/* Form içi uyarı */
.yk-lead .warn{background:#fdece7;color:#d64221;font-size:12.5px;padding:8px 11px;border-radius:8px;margin-bottom:8px;line-height:1.4}
/* OTP (telefon doğrulama) formu */
.yk-otp{align-self:stretch;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:14px}
.yk-otp .otp-hd{font-size:13.5px;font-weight:700;margin-bottom:4px}
.yk-otp .otp-hint{font-size:12px;color:var(--muted);line-height:1.45;margin-bottom:10px}
.yk-otp input{width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;font:600 18px/1 var(--ff-mono,monospace);letter-spacing:6px;text-align:center;background:var(--surface);color:var(--ink);margin-bottom:8px}
.yk-otp .v{width:100%;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px;font-weight:600;cursor:pointer;font-size:13.5px}
.yk-otp .v:hover{background:#d64f0e}
.yk-otp .warn{background:#fdece7;color:#d64221;font-size:12.5px;padding:8px 11px;border-radius:8px;margin-bottom:8px;line-height:1.4}
.yk-otp .otp-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
.yk-otp .cd{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.yk-otp .cd.exp{color:#d64221}
.yk-otp .rs{background:none;border:0;color:var(--steel);font-weight:600;font-size:12.5px;cursor:pointer;padding:4px 6px;text-decoration:underline}
.yk-otp .rs:disabled{color:var(--muted);cursor:default;text-decoration:none;opacity:.6}
/* Hatalı/eksik alan vurgusu (lead formu) */
.yk-lead input.bad,.yk-lead select.bad{border-color:#d64221;background:#fdf1ee;box-shadow:0 0 0 2px rgba(214,66,33,.18)}
.yk-lead .kv.bad{color:#d64221}
.yk-lead .kv.bad input{outline:2px solid #d64221;outline-offset:1px}
/* OTP doğrulandı — açık yeşil panel + dikkat çekici başlık */
.yk-otp.ok{background:#e5f7ec;border-color:#1c8e5a;text-align:center;padding:20px 16px}
.yk-otp.ok .otp-done{display:flex;align-items:center;justify-content:center;gap:9px;font-size:19px;font-weight:800;color:#127a48;letter-spacing:.2px}
.yk-otp.ok .otp-done .chk{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1c8e5a;color:#fff;font-size:16px;font-weight:800}
.yk-otp.ok .otp-done-msg{margin-top:9px;font-size:12.8px;color:#1c6b45;line-height:1.5}
@media(max-width:480px){.yk-nudge{right:80px;bottom:26px}}