/* Sohbet botu görünümü: kaynak sitedeki «Varilsan Asistanı»nın görünümü (ölçüm 18 Eki, eski site 1440 ve 390) — sağ altta
   yüzen 384×600 pencere (köşe 16 px, derin gölge), mor-pembe gradyan başlık (yuvarlak konuşma simgesi + ad + yeşil nokta),
   ortalı karşılama (64 px mavi daire simge, kalın başlık satırı, açıklama), hap biçimli yazı alanı ve yuvarlak mavi gönder
   düğmesi; kapalıyken 80 px mor gradyan robot balonu, yeşil nokta ve dönen «Ürün Asistanı» kabarcığı (masaüstünde balonun
   üstünde hap, dar ekranda balonun üstünde beyaz daire). Açık ve koyu kip kaynaktaki gibi (html.dark). Bot paketinin yapısı
   değişmez; yalnız değişkenler ve görünüm. Üretici: iç araç css-uret.py (simgeler kaynak sitedeki SVG'ler). */
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/varlik/k/yazi/ubuntu_v21_4iCs6KVjbNBYlgoKcQ72nU6AF7xm.woff2?v=c0a43c2ed1) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/varlik/k/yazi/ubuntu_v21_4iCs6KVjbNBYlgoKfw72nU6AFw.woff2?v=1765c67da4) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/varlik/k/yazi/ubuntu_v21_4iCv6KVjbNBYlgoCjC3jvmyNPYZvg7UI.woff2?v=e0f6ff05b1) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/varlik/k/yazi/ubuntu_v21_4iCv6KVjbNBYlgoCjC3jsGyNPYZvgw.woff2?v=9793934b32) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/varlik/k/yazi/ubuntu_v21_4iCv6KVjbNBYlgoCxCvjvmyNPYZvg7UI.woff2?v=6a8caadf9c) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/varlik/k/yazi/ubuntu_v21_4iCv6KVjbNBYlgoCxCvjsGyNPYZvgw.woff2?v=39dd78306b) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#kp-bot {
  --zemin: #fff;
  --metin: #1f2937;
  --yuzey-2: #f9fafb;
  --kenar: #e5e7eb;
  --soluk: #6b7280;
  --kb-b: 80px;
  --v-robot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='m181 301c-8.284 0-15 6.716-15 15v30c0 8.284 6.716 15 15 15s15-6.716 15-15v-30c0-8.284-6.716-15-15-15z'/%3E%3Cpath d='m331 361c8.284 0 15-6.716 15-15v-30c0-8.284-6.716-15-15-15s-15 6.716-15 15v30c0 8.284 6.716 15 15 15z'/%3E%3Cpath d='m272 106h164c8.284 0 15-6.716 15-15s-6.716-15-15-15h-164c-8.284 0-15 6.716-15 15s6.716 15 15 15z'/%3E%3Cpath d='m512 176v-111c0-35.841-29.159-65-65-65h-186c-35.841 0-65 29.159-65 65v116h-20c-54.827 0-100.809 38.57-112.255 90h-2.745v-92.58c17.459-6.192 30-22.865 30-42.42 0-24.813-20.187-45-45-45s-45 20.187-45 45c0 19.555 12.541 36.228 30 42.42v94.821c-17.977 5.901-31 22.833-31 42.759v60c0 24.813 20.187 45 45 45h18.527c11.069 51.929 57.291 91 112.473 91h160c55.182 0 101.404-39.071 112.473-91h18.527c24.813 0 45-20.187 45-45v-60c0-24.813-20.187-45-45-45h-18.751c-2.331-10.48-6.115-20.577-11.247-30h9.998c35.841 0 65-29.159 65-65zm-286-111c0-19.299 15.701-35 35-35h186c19.299 0 35 15.701 35 35v111c0 19.299-15.701 35-35 35h-176c-2.329 0-4.625.542-6.708 1.583l-38.292 19.146zm-180 56c8.271 0 15 6.729 15 15s-6.729 15-15 15-15-6.729-15-15 6.729-15 15-15zm-16 255v-60c0-8.271 6.729-15 15-15h16v90h-16c-8.271 0-15-6.729-15-15zm452-60v60c0 8.271-6.729 15-15 15h-16v-90h16c8.271 0 15 6.729 15 15zm-61-20v101c0 46.869-38.131 85-85 85h-160c-46.869 0-85-38.131-85-85v-101c0-46.869 38.131-85 85-85h20v45c0 11.132 11.742 18.4 21.708 13.416l56.833-28.416h126.241c13.038 15.344 20.218 34.804 20.218 55z'/%3E%3Cpath d='m272 166h164c8.284 0 15-6.716 15-15s-6.716-15-15-15h-164c-8.284 0-15 6.716-15 15s6.716 15 15 15z'/%3E%3Cpath d='m211 406c0 8.284 6.716 15 15 15h60c8.284 0 15-6.716 15-15s-6.716-15-15-15h-60c-8.284 0-15 6.716-15 15z'/%3E%3C/svg%3E");
  --v-sohbet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z'/%3E%3Cpath d='M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z'/%3E%3C/svg%3E");
  --v-ucak: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19l9 2-9-18-9 18 9-2zm0 0v-8'/%3E%3C/svg%3E");
  font-family: Ubuntu, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
html.dark #kp-bot {
  --zemin: #1f2937;
  --metin: #f1f5f9;
  --yuzey-2: #111827;
  --kenar: #374151;
  --soluk: #9ca3af;
}
/* kaynakta balon her genişlikte 80 px (paket telefonda küçültür) */
@media (max-width: 40rem) {
  #kp-bot {
    --kb-b: 80px;
  }
}

/* ── Kapalı: mor gradyan robot balonu ─────────────────────────────────────────────────────────────── */
#kp-bot .kp-bot-balon {
  inset-block-end: 24px;
  inset-inline-end: 24px;
  border: 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
  overflow: visible;
  transition: scale 0.3s;
}
#kp-bot .kp-bot-balon:hover,
#kp-bot .kp-bot-balon:focus-visible {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  scale: 1.1;
}
/* paketin simgesi yerine kaynaktaki robot (beyaz, 48 px) */
#kp-bot .kp-bot-balon > svg {
  position: relative;
  z-index: 1;
  inline-size: 48px;
  block-size: 48px;
  color: transparent;
  background: var(--v-robot) center / contain no-repeat;
  transition:
    scale 0.3s,
    rotate 0.3s;
}
#kp-bot .kp-bot-balon:hover > svg {
  scale: 1.1;
  rotate: 6deg;
}
#kp-bot .kp-bot-balon > img {
  display: none;
}
/* sağ üstte yeşil nokta: dalgalanan halka + dolu nokta (kaynaktaki animate-ping + bg-green-500) */
#kp-bot .kp-bot-balon::before,
#kp-bot .kp-bot-balon::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: 16px;
  block-size: 16px;
  border-radius: 50%;
}
#kp-bot .kp-bot-balon::before {
  background: #4ade80;
  animation: v-bot-dalga 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
#kp-bot .kp-bot-balon::after {
  background: #22c55e;
}
@keyframes v-bot-dalga {
  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

/* «Ürün Asistanı» kabarcığı (tema işaretlemesi, düzende balonun yanında): mesajlar sırayla belirir — her biri 5 sn görünür,
   arada masaüstünde 14 sn, dar ekranda 7 sn boşluk (kaynaktaki döngü). İlk mesaj sayfa açılınca görünür. */
.v-bot-kabarcik {
  position: fixed;
  inset-block-end: calc(24px + 80px + 20px);
  inset-inline-end: 14px;
  z-index: 2147483000;
  display: block;
  inline-size: 0;
  block-size: 0;
  cursor: pointer;
}
.v-bot-kabarcik > span {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  padding: 12px 20px;
  border-radius: 9999px;
  background: #fff;
  color: #667eea;
  font: 700 14px/20px Ubuntu, system-ui, sans-serif;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 6px 25px rgba(0, 0, 0, 0.3));
  opacity: 0;
  visibility: hidden;
  animation: v-bot-kabarcik-m 171s linear infinite;
}
.v-bot-kabarcik > span::after {
  content: "";
  position: absolute;
  inset-block-end: -10px;
  inset-inline-end: 39px;
  border-inline: 11px solid transparent;
  border-block-start: 11px solid #fff;
}
.v-bot-kabarcik > span:nth-child(2) { animation-delay: 19s; }
.v-bot-kabarcik > span:nth-child(3) { animation-delay: 38s; }
.v-bot-kabarcik > span:nth-child(4) { animation-delay: 57s; }
.v-bot-kabarcik > span:nth-child(5) { animation-delay: 76s; }
.v-bot-kabarcik > span:nth-child(6) { animation-delay: 95s; }
.v-bot-kabarcik > span:nth-child(7) { animation-delay: 114s; }
.v-bot-kabarcik > span:nth-child(8) { animation-delay: 133s; }
.v-bot-kabarcik > span:nth-child(9) { animation-delay: 152s; }
.v-bot-kabarcik > span:nth-child(n + 10) { display: none; }
/* 171 sn = 9 mesaj × (5 + 14) sn; görünür pay 5/171 */
@keyframes v-bot-kabarcik-m {
  0%,
  2.9% {
    opacity: 1;
    visibility: visible;
  }
  3.1%,
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* pencere açıkken ya da bot kopukken kabarcık yok */
html:has(#kp-bot[data-acik]) .v-bot-kabarcik,
html:has(#kp-bot[data-kopuk]) .v-bot-kabarcik {
  display: none;
}
/* dar ekran (kaynakta lg altı): kabarcık balonun üstünde beyaz daire */
@media (max-width: 1023px) {
  .v-bot-kabarcik {
    inset-block-end: 24px;
    inset-inline-end: 24px;
    inline-size: 80px;
    block-size: 80px;
    pointer-events: none;
  }
  .v-bot-kabarcik > span {
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 80px;
    block-size: 80px;
    padding: 0 8px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    animation-name: v-bot-kabarcik-t;
    animation-duration: 108s;
  }
  .v-bot-kabarcik > span::after {
    content: none;
  }
  .v-bot-kabarcik > span:nth-child(2) { animation-delay: 12s; }
  .v-bot-kabarcik > span:nth-child(3) { animation-delay: 24s; }
  .v-bot-kabarcik > span:nth-child(4) { animation-delay: 36s; }
  .v-bot-kabarcik > span:nth-child(5) { animation-delay: 48s; }
  .v-bot-kabarcik > span:nth-child(6) { animation-delay: 60s; }
  .v-bot-kabarcik > span:nth-child(7) { animation-delay: 72s; }
  .v-bot-kabarcik > span:nth-child(8) { animation-delay: 84s; }
  .v-bot-kabarcik > span:nth-child(9) { animation-delay: 96s; }
}
/* 108 sn = 9 mesaj × (5 + 7) sn; görünür pay 5/108 */
@keyframes v-bot-kabarcik-t {
  0%,
  4.5% {
    opacity: 1;
    visibility: visible;
  }
  4.7%,
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@media (prefers-reduced-motion: reduce) {
  #kp-bot .kp-bot-balon::before {
    animation: none;
  }
  .v-bot-kabarcik > span {
    animation: none;
  }
  .v-bot-kabarcik > span:first-child {
    opacity: 1;
    visibility: visible;
  }
}

/* ── Figürlü düğme (site ayarında sohbet figürü seçiliyse: ürün düğmenin içine img.kp-bot-maskot koyar). Ürünün saydam
   düğmesi gibi: zemin, gölge, kenarlık yok; boy her genişlikte ürünün değişkeninden (site ayarı, kökte --kb-boyut; yoksa
   80 px). Figür görünür, robot simgesi yok; yeşil nokta figürün sağ üstünde kalır. Dönen kabarcık her genişlikte düğmenin
   ÜSTÜNDE sağa hizalı hap (dar ekrandaki beyaz daire figürün üstünü kapatmasın). Kabarcık #kp-bot dışında olduğundan
   kökün değişkenini miras almaz: düzen aynı site ayarını kabarcığa da --kb-boyut olarak yazar, alt boşluk ve ucun yeri
   ondan hesaplanır. Figür yoksa yukarıdaki görünüm aynen. */
#kp-bot:has(.kp-bot-maskot) {
  --kb-b: var(--kb-boyut, 80px);
}
#kp-bot:has(.kp-bot-maskot) .kp-bot-balon,
#kp-bot:has(.kp-bot-maskot) .kp-bot-balon:hover,
#kp-bot:has(.kp-bot-maskot) .kp-bot-balon:focus-visible {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
}
#kp-bot:has(.kp-bot-maskot) .kp-bot-balon > img.kp-bot-maskot {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.35));
}
html:has(#kp-bot .kp-bot-maskot) .v-bot-kabarcik {
  --kb-b: var(--kb-boyut, 80px);
  inset-block-end: calc(24px + var(--kb-b) + 14px);
  inset-inline-end: 24px;
}
html:has(#kp-bot .kp-bot-maskot) .v-bot-kabarcik > span::after {
  inset-inline-end: calc(var(--kb-b) / 2 - 11px);
}
@media (max-width: 1023px) {
  #kp-bot:has(.kp-bot-maskot) {
    --kb-b: var(--kb-boyut, 80px);
  }
  html:has(#kp-bot .kp-bot-maskot) .v-bot-kabarcik {
    inset-block-end: calc(24px + var(--kb-b) + 14px);
    inline-size: 0;
    block-size: 0;
    pointer-events: auto;
  }
  html:has(#kp-bot .kp-bot-maskot) .v-bot-kabarcik > span {
    inset: auto 0 0 auto;
    display: block;
    inline-size: max-content;
    max-inline-size: calc(100vw - 48px);
    block-size: auto;
    padding: 10px 16px;
    border-radius: 9999px;
    font-size: 13px;
    line-height: 18px;
    text-align: start;
    white-space: normal;
  }
  html:has(#kp-bot .kp-bot-maskot) .v-bot-kabarcik > span::after {
    content: "";
    inset-inline-end: calc(var(--kb-b) / 2 - 11px);
  }
}

/* ── Açık pencere. Yüzerken sağ altta (her genişlikte; telefonda da tam ekran değil, kaynaktaki gibi); ziyaretçi
   «sağa sabitle»ye basınca (kökte data-sabit) yerleşim ürünündür: sağ kenarda boydan boya, sayfa daralır ──────────── */
#kp-bot .kp-bot-panel:not(.kp-bot-yer) {
  background: var(--zemin);
  color: var(--metin);
  border: 1px solid var(--kenar);
  font-size: 16px;
}
#kp-bot:not([data-sabit]) .kp-bot-panel:not(.kp-bot-yer) {
  inset: auto 24px 24px auto;
  inline-size: min(384px, calc(100vw - 32px));
  block-size: min(600px, calc(100vh - 110px));
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Pencere sağa sabitken (kökte data-kp-bot-sabit; ürün --kp-bot-dock = pencere genişliği, sayfayı o kadar daraltır) sabit
   üst bilgi pencerenin altına girmez: sağ kenarı pencerenin soluna çekilir. Kaynağın «right-0» sınıfından özgül. */
:root header.fixed {
  right: var(--kp-bot-dock, 0px);
}

/* başlık: mor-pembe gradyan, yuvarlak konuşma simgesi, ad, yeşil noktalı alt satır, kapat düğmesi */
#kp-bot .kp-bot-ust {
  min-block-size: 72px;
  padding: 16px 16px 16px 24px;
  gap: 8px;
  border: 0;
  background: linear-gradient(to bottom right, #4f46e5, #9333ea, #db2777);
  color: #fff;
}
#kp-bot .kp-bot-ust::before,
#kp-bot .kp-bot-ust::after {
  content: none;
}
#kp-bot .kp-bot-ust h2 {
  grid-template-columns: 40px minmax(0, 1fr);
  column-gap: 12px;
  font: 600 16px/1.25 Outfit, Ubuntu, system-ui, sans-serif;
  color: #fff;
}
#kp-bot .kp-bot-ust h2::before {
  inline-size: 40px;
  block-size: 40px;
  border-radius: 50%;
  clip-path: none;
  background: var(--v-sohbet) center / 24px 24px no-repeat, rgba(255, 255, 255, 0.2);
}
#kp-bot .kp-bot-ust h2::after {
  padding-inline-start: 14px;
  font: 400 12px/16px Ubuntu, system-ui, sans-serif;
  color: rgba(255, 255, 255, 0.8);
  background: radial-gradient(circle at 4px 50%, #4ade80 0 4px, transparent 4.5px) no-repeat;
}
#kp-bot .kp-bot-kapat,
#kp-bot .kp-bot-yapistir {
  inline-size: 36px;
  block-size: 36px;
  border-radius: 8px;
  background: transparent;
  color: #fff;
}
#kp-bot .kp-bot-kapat:hover,
#kp-bot .kp-bot-kapat:focus-visible,
#kp-bot .kp-bot-yapistir:hover,
#kp-bot .kp-bot-yapistir:focus-visible,
#kp-bot .kp-bot-yapistir[aria-pressed="true"] {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
#kp-bot .kp-bot-kapat svg,
#kp-bot .kp-bot-yapistir svg {
  inline-size: 20px;
  block-size: 20px;
}

/* mesajlar: açık gri / koyu lacivert zemin, yuvarlak balonlar */
#kp-bot .kp-bot-mesajlar {
  padding: 16px 24px;
  gap: 16px;
  background: #f9fafb;
}
html.dark #kp-bot .kp-bot-mesajlar {
  background: #111827;
}
#kp-bot .kp-bot-m {
  font-size: 14px;
  line-height: 20px;
}
#kp-bot .kp-bot-bot {
  align-self: flex-start;
  max-inline-size: 94%;
  padding: 12px 16px;
  border-radius: 16px;
  background: #fff;
  color: #1f2937;
}
html.dark #kp-bot .kp-bot-bot {
  background: #1f2937;
  color: #fff;
}
#kp-bot .kp-bot-bot::before {
  content: none;
}
#kp-bot .kp-bot-bot a {
  color: #2563eb;
}
html.dark #kp-bot .kp-bot-bot a {
  color: #60a5fa;
}
#kp-bot .kp-bot-ziyaretci {
  max-inline-size: 82%;
  margin-inline-end: 0;
  padding: 12px 16px;
  border-radius: 16px;
  background: linear-gradient(to bottom right, #3b82f6, #2563eb);
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
html.dark #kp-bot .kp-bot-ziyaretci {
  background: linear-gradient(to bottom right, #2563eb, #1d4ed8);
}
#kp-bot .kp-bot-ziyaretci::before,
#kp-bot .kp-bot-ziyaretci::after {
  content: none;
}

/* boş sohbet: açık mavi / koyu gradyan alan, ortalı karşılama (mavi daire simge, kalın ilk satır, açıklama) */
#kp-bot .kp-bot-mesajlar[data-bos] {
  padding: 24px;
  background: linear-gradient(to bottom right, #eff6ff, #eef2ff);
}
html.dark #kp-bot .kp-bot-mesajlar[data-bos] {
  background: linear-gradient(to bottom right, #111827, #1f2937);
}
#kp-bot .kp-bot-mesajlar[data-bos] > .kp-bot-karsilama {
  position: relative;
  display: block;
  align-self: center;
  max-inline-size: 28rem;
  margin: 0;
  padding: 88px 0 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #374151;
  font: 400 14px/20px Ubuntu, system-ui, sans-serif;
  letter-spacing: 0;
  text-align: center;
  white-space: pre-line;
}
html.dark #kp-bot .kp-bot-mesajlar[data-bos] > .kp-bot-karsilama {
  color: #e5e7eb;
}
#kp-bot .kp-bot-mesajlar[data-bos] > .kp-bot-karsilama::first-line {
  color: #111827;
  font: 700 18px/36px Outfit, Ubuntu, system-ui, sans-serif;
}
html.dark #kp-bot .kp-bot-mesajlar[data-bos] > .kp-bot-karsilama::first-line {
  color: #fff;
}
/* simge mutlak konumlu: ilk satır (::first-line) karşılamanın başlık satırı olarak kalsın */
#kp-bot .kp-bot-mesajlar[data-bos] > .kp-bot-karsilama::before {
  content: "";
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: calc(50% - 32px);
  inline-size: 64px;
  block-size: 64px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  clip-path: none;
  background:
    var(--v-sohbet) center / 32px 32px no-repeat,
    linear-gradient(to bottom right, #3b82f6, #4f46e5);
  box-shadow:
    0 0 0 8px rgba(96, 165, 250, 0.2),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
#kp-bot .kp-bot-mesajlar[data-bos] > .kp-bot-karsilama::after {
  content: none;
}

/* hazır sorular: ortalı, hap biçimli küçük düğmeler (yazı alanıyla aynı dil) */
#kp-bot .kp-bot-hizli-onay {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
#kp-bot .kp-bot-hizli-onay button {
  inline-size: auto;
  min-block-size: 36px;
  padding: 8px 14px;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  background: #fff;
  color: #374151;
  font: 500 13px/18px Ubuntu, system-ui, sans-serif;
  transition:
    background-color 0.15s,
    color 0.15s;
}
html.dark #kp-bot .kp-bot-hizli-onay button {
  border-color: #4b5563;
  background: #111827;
  color: #e5e7eb;
}
#kp-bot .kp-bot-hizli-onay button::after {
  content: none;
}
#kp-bot .kp-bot-hizli-onay button:hover:not(:disabled),
#kp-bot .kp-bot-hizli-onay button:focus-visible {
  background: #eff6ff;
  color: #2563eb;
}
html.dark #kp-bot .kp-bot-hizli-onay button:hover:not(:disabled),
html.dark #kp-bot .kp-bot-hizli-onay button:focus-visible {
  background: #1f2937;
  color: #93c5fd;
}

/* yazı alanı: üstte ince çizgi, hap biçimli kutu + yuvarlak mavi gönder düğmesi (kâğıt uçak) */
#kp-bot .kp-bot-girdi {
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 16px 24px;
  border: 0;
  border-block-start: 1px solid var(--kenar);
  border-radius: 0;
  background: var(--zemin);
}
#kp-bot .kp-bot-girdi textarea {
  min-block-size: 42px;
  padding: 9px 16px;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  background: #f9fafb;
  color: #111827;
  font: 400 16px/22px Ubuntu, system-ui, sans-serif;
  transition: border-color 0.15s;
}
html.dark #kp-bot .kp-bot-girdi textarea {
  border-color: #4b5563;
  background: #111827;
  color: #f3f4f6;
}
#kp-bot .kp-bot-girdi textarea:focus,
html.dark #kp-bot .kp-bot-girdi textarea:focus {
  border-color: #3b82f6;
}
#kp-bot .kp-bot-girdi textarea::placeholder {
  color: #6b7280;
}
html.dark #kp-bot .kp-bot-girdi textarea::placeholder {
  color: #9ca3af;
}
#kp-bot .kp-bot-girdi .kp-bot-dugme {
  inline-size: 40px;
  block-size: 40px;
  min-block-size: 40px;
  border-radius: 50%;
  color: #fff;
  background: var(--v-ucak) center / 20px 20px no-repeat, #2563eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: background-color 0.15s;
}
#kp-bot .kp-bot-girdi .kp-bot-dugme::before,
#kp-bot .kp-bot-girdi .kp-bot-dugme::after {
  content: none;
}
#kp-bot .kp-bot-girdi .kp-bot-dugme:hover:not(:disabled) {
  background: var(--v-ucak) center / 20px 20px no-repeat, #1d4ed8;
}
#kp-bot .kp-bot-girdi .kp-bot-dugme:disabled {
  background: var(--v-ucak) center / 20px 20px no-repeat, #d1d5db;
  opacity: 1;
}
html.dark #kp-bot .kp-bot-girdi .kp-bot-dugme:disabled {
  background: var(--v-ucak) center / 20px 20px no-repeat, #374151;
}
/* Telefonda dokunma hedefi en az 44 px (ürünün telefon kuralı); renk, biçim ve simge aynı, yalnız ölçü büyür. */
@media (max-width: 40rem) {
  #kp-bot .kp-bot-girdi .kp-bot-dugme {
    inline-size: 44px;
    block-size: 44px;
    min-block-size: 44px;
  }
}