/* =====================================================================
   KAMPANYA PENCERESİ · YAPAY ZEKÂ DANIŞMANI (balon, karşılama, sohbet) · yeni tasarım (7 Kasım 2026)
   - Yalnız görünüm. İşaretleme, metinler (panelden gelen kampanya verisi), sayaç, form, başvuru kaydı, WhatsApp,
     danışmanın akışı ve sesli okuma aynen kalır; campaign-popup.js, ai-consultant*.js değişmez.
   - Eski stillerden (kampanya-penceresi.css, yt/pencereler.css, şablonun gömülü stilleri) SONRA yüklenir.
     Eski kuralların çoğu !important ve üç kimlikli (#campaign-popup #campaign-stage-offer #campaign-cta-btn) olduğu için
     buradakiler kök kimliği üç kez yazar (#campaign-popup#campaign-popup#campaign-popup) ve !important; mantığa dokunmaz.
   - Yalnız yeni tasarımlı sayfalarda yüklenir; Reklam sayfaları ve Kurumsal avantaj eski görünümde kalır (dokunulmaz).
   - Dil: kampanya penceresi sade: beyaz/açık zemin, lacivert ana renk; kırmızı yalnız indirim ve ana düğmede, sarı yalnız kupondaki küçük yazıda (sahip: "renk cümbüşü olmasın"); danışman lacivert; Plus Jakarta Sans; hap düğmeler; kesik çizgili yörünge. Kampanyanın renkleri panelde
     ayarlansa da yeni tasarımda marka renkleri kullanılır (renk alanları değişmez, yalnız bu sayfalarda yok sayılır).
   ===================================================================== */
html body :is(#campaign-popup, #ai-bot-wrapper, #ai-consultant-modal) {
  --pk-l: #0F2A5F; --pk-gece: #0A1D45; --pk-m: #2459D6; --pk-s: #F6C344; --pk-k: #D9382C; --pk-wa: #1DA851;
  --pk-yuzey: #F5F7FC; --pk-acik: #EEF3FF; --pk-cerceve: #E6EBF3; --pk-cerceve-k: #CDD6E6;
  --pk-metin: #18223F; --pk-ikincil: #56607C; --pk-soluk: #646D87;
  --pk-yazi: 'PJS', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pk-yay: cubic-bezier(.2, .8, .2, 1);
  font-family: var(--pk-yazi) !important;
}
html body :is(#campaign-popup, #ai-bot-wrapper, #ai-consultant-modal) :is(p, span, b, small, div, li, h2, h3, button, a, input, select, label) { font-family: var(--pk-yazi) !important; }

/* =====================================================================
   1) KAMPANYA PENCERESİ
   ===================================================================== */
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-overlay { background: rgba(10, 29, 69, .5) !important; -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-box { border: 0 !important; border-radius: 28px !important; background: #fff !important; box-shadow: 0 40px 90px -30px rgba(10, 29, 69, .6), 0 0 0 1px rgba(15, 42, 95, .06) !important; overflow: hidden !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-close { top: 14px !important; right: 14px !important; width: 38px !important; height: 38px !important; border: 0 !important; border-radius: 50% !important;
  background: var(--pk-yuzey) !important; color: var(--pk-l) !important; box-shadow: inset 0 0 0 1px var(--pk-cerceve) !important; font-size: 20px !important; font-weight: 500 !important; transition: background .2s, transform .3s var(--pk-yay) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-close:hover { background: var(--pk-acik) !important; transform: rotate(90deg) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-content { text-align: left !important; }

/* Sol blok (teklif): açık zemin, lacivert yazı; mavi, kırmızı ve sarı dengeli (sahibin isteği: beyaz zemin, okunaklı) */
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan { border-radius: 22px !important; padding: 24px 22px 22px !important; height: auto !important; max-height: none !important; box-sizing: border-box !important;
  position: relative !important; isolation: isolate !important; overflow: hidden !important; color: var(--pk-metin) !important;
  background: #F5F7FC !important;
  box-shadow: inset 0 0 0 1px var(--pk-cerceve) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan::before { content: "" !important; position: absolute !important; z-index: -1 !important; right: -70px !important; top: -90px !important; width: 280px !important; height: 280px !important;
  border-radius: 50% !important; border: 1.5px dashed rgba(36, 89, 214, .16) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan::after { content: "" !important; position: absolute !important; z-index: -1 !important; left: -50px !important; bottom: -60px !important; width: 180px !important; height: 180px !important;
  border-radius: 50% !important; border: 0 !important; display: none !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-rozet { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 6px 13px !important; border: 0 !important; border-radius: 999px !important;
  background: #fff !important; color: var(--pk-l) !important; font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; box-shadow: inset 0 0 0 1.5px var(--pk-cerceve-k) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-baslik { color: var(--pk-l) !important; font-size: clamp(23px, 2.4vw, 28px) !important; font-weight: 800 !important; letter-spacing: -.035em !important; line-height: 1.14 !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-baslik .cp-vurgu, html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-baslik b { color: var(--pk-k) !important; background: none !important; -webkit-text-fill-color: var(--pk-k) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-aciklama { color: var(--pk-ikincil) !important; font-size: 15px !important; font-weight: 600 !important; }
/* kupon çizimi: arka sarı, orta beyaz (seviyeler), ön mavi */
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-golge { background: radial-gradient(closest-side, rgba(15, 42, 95, .22), transparent) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-kart { border-radius: 16px !important; box-shadow: 0 18px 36px -20px rgba(15, 42, 95, .55) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-arka { background: #DCE4F2 !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-orta { background: #fff !important; box-shadow: 0 0 0 1px var(--pk-cerceve), 0 18px 36px -20px rgba(15, 42, 95, .55) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-orta span { background: var(--pk-acik) !important; color: var(--pk-l) !important; border: 0 !important; font-weight: 800 !important; border-radius: 999px !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-on { background: linear-gradient(150deg, #2B5BD2, #1B3D84) !important; color: #fff !important; box-shadow: 0 0 0 2px #fff, 0 22px 40px -18px rgba(15, 42, 95, .7) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-on :is(span, small, b, div) { color: #fff !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-on .ca-ust-satir span { color: var(--pk-s) !important; font-weight: 800 !important; letter-spacing: .12em !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-on .ca-buyuk { color: #fff !important; font-weight: 800 !important; letter-spacing: -.04em !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-on .ca-buyuk small { color: var(--pk-s) !important; letter-spacing: .14em !important; }
/* avantajlar: okunaklı (14 px, koyu lacivert), renkli onay daireleri, vurgular kırmızı */
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler { gap: 10px 12px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler li { min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; color: var(--pk-metin) !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -.01em !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler li::before, html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler li > i { background: var(--pk-l) !important; color: #fff !important; border-radius: 50% !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler .cp-vurgu { color: var(--pk-l) !important; font-weight: 800 !important; background: none !important; }

/* Sağ blok: sayaç ve form */
html body #campaign-popup#campaign-popup#campaign-popup .campaign-teklif-sag { background: #fff !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-sayac-etiket { color: var(--pk-ikincil) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-countdown { background: none !important; border: 0 !important; }
html body #campaign-popup#campaign-popup#campaign-popup .cd-row { gap: 8px !important; }
html body #campaign-popup#campaign-popup#campaign-popup .cd-box { min-width: 62px !important; padding: 9px 8px 7px !important; border-radius: 16px !important; background: linear-gradient(180deg, #1B3D84, #0F2A5F) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 12px 22px -14px rgba(15, 42, 95, .8) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .cd-box::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .cd-num { color: #fff !important; font-weight: 800 !important; font-size: 26px !important; letter-spacing: -.03em !important; }
html body #campaign-popup#campaign-popup#campaign-popup .cd-label { color: rgba(255, 255, 255, .7) !important; font-weight: 800 !important; font-size: 9.5px !important; letter-spacing: .14em !important; opacity: 1 !important; }
html body #campaign-popup#campaign-popup#campaign-popup .cd-box.cd-nabiz, html body #campaign-popup#campaign-popup#campaign-popup .cd-box:last-child { background: linear-gradient(180deg, #1B3D84, #0F2A5F) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .cd-box.cd-nabiz .cd-num, html body #campaign-popup#campaign-popup#campaign-popup .cd-box:last-child .cd-num { color: #fff !important; }
html body #campaign-popup#campaign-popup#campaign-popup .cd-box.cd-nabiz .cd-label, html body #campaign-popup#campaign-popup#campaign-popup .cd-box:last-child .cd-label { color: rgba(255, 255, 255, .78) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-son-gun { color: var(--pk-k) !important; font-weight: 800 !important; }

html body #campaign-popup#campaign-popup#campaign-popup .campaign-form-row input, html body #campaign-popup#campaign-popup#campaign-popup .campaign-form-row select {
  min-height: 50px !important; padding: 12px 16px !important; border: 1.5px solid var(--pk-cerceve-k) !important; border-radius: 14px !important; background: var(--pk-yuzey) !important;
  color: var(--pk-metin) !important; font-size: 15.5px !important; font-weight: 600 !important; box-shadow: none !important; transition: border-color .2s, box-shadow .2s, background .2s !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-form-row input::placeholder { color: var(--pk-soluk) !important; font-weight: 500 !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-form-row input:focus, html body #campaign-popup#campaign-popup#campaign-popup .campaign-form-row select:focus { outline: none !important; border-color: var(--pk-m) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(36, 89, 214, .14) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-form-row label:not(.cp-gizli) { color: var(--pk-metin) !important; font-weight: 700 !important; font-size: 13.5px !important; }

html body #campaign-popup#campaign-popup#campaign-popup :is(.campaign-popup-btn-primary, #campaign-form-submit-btn) {
  min-height: 54px !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #E5483C, #C23126) !important; color: #fff !important;
  font-size: 15.5px !important; font-weight: 800 !important; letter-spacing: .01em !important; text-transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 14px 28px -16px rgba(158, 34, 25, .8) !important; transition: background .25s, transform .25s var(--pk-yay) !important; }
html body #campaign-popup#campaign-popup#campaign-popup :is(.campaign-popup-btn-primary, #campaign-form-submit-btn):hover { background: linear-gradient(180deg, #C23126, #9E2219) !important; transform: translateY(-1px) !important; }
html body #campaign-popup#campaign-popup#campaign-popup :is(.campaign-popup-btn-primary, #campaign-form-submit-btn) :is(span, i) { color: #fff !important; text-transform: none !important; }
html body #campaign-popup#campaign-popup#campaign-popup :is(.campaign-popup-btn-whatsapp, #campaign-stage-offer #campaign-whatsapp-btn, #campaign-thanks-wa) { min-height: 50px !important; border: 0 !important; border-radius: 999px !important; background: #fff !important; color: var(--pk-l) !important;
  box-shadow: inset 0 0 0 1.5px var(--pk-cerceve-k) !important; font-weight: 800 !important; text-transform: none !important; transition: box-shadow .2s !important; }
html body #campaign-popup#campaign-popup#campaign-popup :is(.campaign-popup-btn-whatsapp, #campaign-stage-offer #campaign-whatsapp-btn, #campaign-thanks-wa):hover { box-shadow: inset 0 0 0 1.5px var(--pk-wa), 0 12px 24px -16px rgba(29, 168, 81, .6) !important; background: #fff !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-btn-whatsapp :is(i, .ti) { color: var(--pk-wa) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-btn-whatsapp span { color: var(--pk-l) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-btn-secondary { background: transparent !important; color: var(--pk-ikincil) !important; border: 0 !important; box-shadow: none !important; font-weight: 700 !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
html body #campaign-popup#campaign-popup#campaign-popup :is(.campaign-form-kvkk, .campaign-form-guven) { color: var(--pk-soluk) !important; font-size: 12px !important; font-weight: 500 !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-form-kvkk a { color: var(--pk-m) !important; font-weight: 700 !important; }
html body #campaign-popup#campaign-popup#campaign-popup :is(#campaign-thanks-title, #campaign-form-title, #campaign-title) { color: var(--pk-l) !important; font-weight: 800 !important; letter-spacing: -.03em !important; }
html body #campaign-popup#campaign-popup#campaign-popup :is(#campaign-thanks-text, #campaign-form-subtitle, #campaign-desc) { color: var(--pk-ikincil) !important; }
/* görselli (eski düzen) kampanyada da üst alan lacivert */
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-visual { background: #F5F7FC !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-badge { color: var(--pk-l) !important; background: var(--pk-s) !important; }
html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-discount, html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-discount-label { color: var(--pk-k) !important; }
/* telefonda alttan açılan panel ve yeniden açma sekmesi */
html body #campaign-popup#campaign-popup#campaign-popup .campaign-sheet-tutamak span { background: rgba(255, 255, 255, .5) !important; }
/* kapatınca altta kalan "yeniden aç" şeridi (telefon): lacivert bant, sarı indirim */
html body #campaign-peek#campaign-peek.campaign-peek { background: #fff !important; color: #0F2A5F !important; border: 0 !important;
  border-radius: 20px 20px 0 0 !important; box-shadow: 0 -14px 30px -16px rgba(15, 42, 95, .45), 0 0 0 1px #E6EBF3 !important; font-family: 'PJS', system-ui, sans-serif !important; }
html body #campaign-peek#campaign-peek :is(.campaign-peek-gorsel, .campaign-peek-teklif, span, b, small) { font-family: 'PJS', system-ui, sans-serif !important; }
html body #campaign-peek#campaign-peek .campaign-peek-teklif, html body #campaign-peek#campaign-peek .campaign-peek-teklif * { color: #D9382C !important; }
/* sayaç: lacivert kutuda beyaz rakam, açık etiket (kırmızı yalnız indirimde) */
html body #campaign-peek#campaign-peek .campaign-peek-teklif .cp-pk-rakam { color: #fff !important; }
html body #campaign-peek#campaign-peek .campaign-peek-teklif .cp-pk-etiket { color: rgba(255, 255, 255, .72) !important; }
html body #campaign-peek#campaign-peek :is(.cd-box, .cpk-kutu, [class*="kutu"]) { background: #0F2A5F !important; color: #fff !important; border-radius: 10px !important; box-shadow: none !important; }
html body #campaign-peek#campaign-peek .campaign-peek-tutamak { background: #CDD6E6 !important; }
html body #campaign-peek#campaign-peek .campaign-peek-ok { color: #0F2A5F !important; background: #F5F7FC !important; border-radius: 50% !important; }
@media (max-width: 768px) {
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-box { border-radius: 26px 26px 0 0 !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-content { padding: 12px 14px 18px !important; }
  /* telefonda sade: teklif bölümü ayrı kart değil, pencerenin kendisi; kupon çizimi kalır (sahibin isteği: kupon kampanyanın esprisi) */
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan { padding: 8px 4px 14px !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; border-bottom: 1px solid var(--pk-cerceve) !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan::before, html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan::after { display: none !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-basliklar { gap: 6px !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-baslik { font-size: 24px !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-aciklama { font-size: 14.5px !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler { margin-top: 12px !important; gap: 8px 12px !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler li { font-size: 13.5px !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler li::before, html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler li > i { width: 8px !important; height: 8px !important; min-width: 8px !important; font-size: 0 !important; flex: none !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .cd-row { gap: 6px !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .cd-box { min-width: 56px !important; padding: 7px 6px 6px !important; border-radius: 14px !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .cd-num { font-size: 22px !important; }
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-popup-close { background: #fff !important; z-index: 30 !important; }
}

/* =====================================================================
   2) YAPAY ZEKÂ DANIŞMANI: yüzen düğme ve karşılama balonu
   ===================================================================== */
/* Yüzen düğmeler: WhatsApp ile aynı boy (58 px), aynı sağ hiza, aralarında 12 px; süzülme ve robot yüzü yok
   (sahibin isteği, 7 Kasım: "farklı boylarda ve farklı hizalarda"). İkon: lacivert zeminde beyaz konuşma balonu + sarı parıltı.
   Robotun göz kırpma/el sallama hareketleri eski SVG'nin içinde; SVG gizlenince onlar da görünmez. */
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .ai-bot { width: 58px !important; height: 58px !important; border: 0 !important; border-radius: 50% !important; padding: 0 !important;
  background: linear-gradient(160deg, #2B5BD2, #0F2A5F) !important; box-shadow: 0 12px 30px -8px rgba(15, 42, 95, .6) !important;
  animation: none !important; transform: none !important; transition: transform .3s var(--pk-yay) !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .ai-bot:hover { transform: translateY(-3px) !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .ai-bot .ai-bot-avatar { width: 32px !important; height: 32px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M9 7h12a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5h-7.2l-5.3 4.2a.8.8 0 0 1-1.3-.7l.5-3.7A5 5 0 0 1 4 17v-5a5 5 0 0 1 5-5z'/%3E%3Ccircle cx='10' cy='14.5' r='1.7' fill='%230F2A5F'/%3E%3Ccircle cx='15' cy='14.5' r='1.7' fill='%230F2A5F'/%3E%3Ccircle cx='20' cy='14.5' r='1.7' fill='%230F2A5F'/%3E%3Cpath fill='%23F6C344' stroke='%231B3D84' stroke-width='1.2' stroke-linejoin='round' d='M26 .6c.6 3.3 2.1 4.8 5.4 5.4v.4c-3.3.6-4.8 2.1-5.4 5.4h-.4c-.6-3.3-2.1-4.8-5.4-5.4V6c3.3-.6 4.8-2.1 5.4-5.4z'/%3E%3C/svg%3E") center / contain no-repeat !important; animation: none !important; transform: none !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .ai-bot .bot-svg { display: none !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .ai-bot-pulse { display: none !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .ai-bot::after { content: none !important; }
/* yerleşim: WhatsApp'ın tam üstünde; "yukarı çık" düğmesi ikisinin üstüne çıkar (çakışmasın) */
@media (min-width: 769px) {
  html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper.ai-bot-wrapper { right: 20px !important; bottom: 90px !important; gap: 12px !important; }
}
@media (max-width: 768px) {
  html:not(.cp-peek-var):not(.ae-mbar-var) body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper.ai-bot-wrapper { right: 14px !important; bottom: 84px !important; }
}
/* Telefon alt çubuğu varken (html.ae-mbar-var; ≤768 px) canlıdaki kurgu: kampanya şeridi tam genişlik en altta, danışman düğmesi
   şeridin 12 px üstünde (şerit yoksa en altta); çubuk gelince ikisi birlikte çubuğun yüksekliği kadar zıplayarak kalkar, çubuk
   gidince iner. Kaydırma translate ile (yerleşim kayması sayılmaz). Çubuk yüksekliği: 10 + 48 + 10 px (+ güvenli alan). */
@media (max-width: 768px) {
  html.ae-mbar-var body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper.ai-bot-wrapper { right: 14px !important; bottom: 14px !important; translate: 0 0;
    transition: translate .55s cubic-bezier(.34, 1.56, .64, 1) .42s, bottom .35s var(--pk-yay) !important; }
  html.ae-mbar-var.cp-peek-var body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper.ai-bot-wrapper { bottom: calc(var(--cp-peek-alan, 58px) + 14px) !important; }
  html.ae-mbar-acik body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper.ai-bot-wrapper { translate: 0 calc(-68px - env(safe-area-inset-bottom, 0px)) !important; transition: translate .5s cubic-bezier(.34, 1.7, .64, 1) 0s, bottom .35s var(--pk-yay) !important; }
  html.ae-mbar-var body #campaign-peek#campaign-peek#campaign-peek.campaign-peek:not([hidden]) { left: 12px !important; right: 12px !important; width: auto !important; max-width: none !important; bottom: 10px !important; transform: none !important;
    translate: 0 0; transition: translate .55s cubic-bezier(.34, 1.56, .64, 1) .42s !important; }
  html.ae-mbar-var #campaign-peek#campaign-peek .campaign-peek-tutamak { display: none !important; }
  html.ae-mbar-acik body #campaign-peek#campaign-peek#campaign-peek.campaign-peek:not([hidden]) { translate: 0 calc(-68px - env(safe-area-inset-bottom, 0px)) !important; transition: translate .5s cubic-bezier(.34, 1.7, .64, 1) 0s !important; }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  html.ae-mbar-var body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper.ai-bot-wrapper, html.ae-mbar-acik body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper.ai-bot-wrapper, html.ae-mbar-var body #campaign-peek#campaign-peek#campaign-peek.campaign-peek:not([hidden]), html.ae-mbar-acik body #campaign-peek#campaign-peek#campaign-peek.campaign-peek:not([hidden]) { transition: none !important; }
}
html body:has(#ai-bot-wrapper) .sabit { align-items: center; }
html body:has(#ai-bot-wrapper) .sabit .basa { margin-bottom: 70px; }
html body:has(#ai-bot-wrapper) .wa-dugme:hover { transform: translateY(-3px); }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .bot-greeting { width: min(290px, calc(100vw - 32px)) !important; padding: 18px 18px 16px !important; border: 0 !important; border-radius: 22px 22px 6px 22px !important; background: #fff !important;
  box-shadow: 0 24px 50px -22px rgba(10, 29, 69, .5), 0 0 0 1px var(--pk-cerceve) !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .bot-greeting::before { content: "Aktif · eğitim danışmanı" !important; display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 8px !important; padding-right: 30px !important;
  font-family: var(--pk-yazi) !important; font-size: 11.5px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--pk-m) !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .bot-msg-text { color: var(--pk-metin) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.45 !important; margin: 0 0 12px !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .bot-greeting-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; padding: 0 18px !important;
  border: 0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #1B3D84, #0F2A5F) !important; color: #fff !important;
  font-size: 14px !important; font-weight: 800 !important; letter-spacing: .01em !important; text-transform: none !important; box-shadow: 0 10px 20px -12px rgba(15, 42, 95, .8) !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .bot-greeting-btn:hover { background: linear-gradient(180deg, #2B5BD2, #1E48B4) !important; }
html body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper .bot-greeting-close { top: 8px !important; right: 8px !important; width: 28px !important; height: 28px !important; border: 0 !important; border-radius: 50% !important; background: var(--pk-yuzey) !important; color: var(--pk-l) !important; font-size: 16px !important; }

/* =====================================================================
   3) YAPAY ZEKÂ DANIŞMANI: sohbet penceresi
   ===================================================================== */
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-overlay { background: rgba(10, 29, 69, .45) !important; -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-box { border: 0 !important; border-radius: 26px !important; background: #fff !important; box-shadow: 0 40px 90px -30px rgba(10, 29, 69, .6), 0 0 0 1px rgba(15, 42, 95, .06) !important; overflow: hidden !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-header { position: relative !important; isolation: isolate !important; overflow: hidden !important; padding: 16px 18px !important; gap: 12px !important; border: 0 !important;
  background: radial-gradient(80% 140% at 100% 0%, rgba(36, 89, 214, .6), rgba(36, 89, 214, 0) 70%), linear-gradient(160deg, #0F2A5F, #0A1D45) !important; color: #fff !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-header::after { content: "" !important; position: absolute !important; z-index: -1 !important; right: -40px !important; top: -60px !important; width: 160px !important; height: 160px !important; border-radius: 50% !important; border: 1.5px dashed rgba(255, 255, 255, .2) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-avatar { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, .2) !important; overflow: hidden !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-name { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 0 !important; letter-spacing: 0 !important; }
/* işaretlemedeki "ACTIVE ENGLISH" (serif, büyük harf) yerine sitenin yazı tipiyle "Active English" */
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-name::before { content: "Active English" !important; font-family: var(--pk-yazi) !important; font-size: 15.5px !important; font-weight: 800 !important; letter-spacing: -.01em !important; color: #fff !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-name .ai-online-dot { font-size: 0 !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-name-eski { font-family: var(--pk-yazi) !important; font-size: 15.5px !important; font-weight: 800 !important; letter-spacing: -.01em !important; text-transform: none !important; color: #fff !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-role { color: rgba(255, 255, 255, .72) !important; font-size: 12.5px !important; font-weight: 600 !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-online-dot { background: #3DDC84 !important; box-shadow: 0 0 0 3px rgba(61, 220, 132, .25) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-close { width: 36px !important; height: 36px !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, .14) !important; color: #fff !important; font-size: 20px !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-close:hover { background: rgba(255, 255, 255, .26) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-chat-area { background: var(--pk-yuzey) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-chat-messages { gap: 12px !important; }
/* mesajlar: danışman beyaz balon, ziyaretçi lacivert balon; robot emojisi yerine logo */
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-chat-avatar { width: 32px !important; height: 32px !important; flex: none !important; border-radius: 50% !important; font-size: 0 !important; color: transparent !important;
  background: #fff url(/temalar/activeenglish/images/logo/active-english-logo-w64.webp) center/62% auto no-repeat !important; box-shadow: 0 0 0 1px var(--pk-cerceve) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-chat-msg-bot .ai-chat-bubble { background: #fff !important; color: var(--pk-metin) !important; border: 0 !important; border-radius: 6px 18px 18px 18px !important;
  box-shadow: 0 1px 2px rgba(15, 42, 95, .05), 0 0 0 1px var(--pk-cerceve) !important; font-size: 14.5px !important; font-weight: 500 !important; line-height: 1.55 !important; padding: 11px 14px !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-chat-msg-user .ai-chat-bubble { background: linear-gradient(180deg, #1B3D84, #0F2A5F) !important; color: #fff !important; border: 0 !important; border-radius: 18px 6px 18px 18px !important;
  font-size: 14.5px !important; font-weight: 600 !important; padding: 11px 14px !important; box-shadow: 0 10px 20px -14px rgba(15, 42, 95, .8) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-chat-msg-bot .ai-chat-bubble[style*="transparent"] { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-typing .ai-chat-bubble span { background: var(--pk-m) !important; }
/* seçenekler: hap düğmeler */
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-chat-options { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; max-height: 44% !important; overflow-y: auto !important;
  padding: 12px 14px !important; background: #fff !important; border-top: 1px solid var(--pk-cerceve) !important; scrollbar-width: thin !important; }
/* seçenekler iki sütunda, sohbet görünür kalır; tek seçenek tam genişlik */
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-chat-options > :only-child { grid-column: 1 / -1 !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal :is(.ai-chat-option, .ai-option, .ai-option-btn) { width: 100% !important; height: auto !important; margin: 0 !important; min-height: 42px !important; text-align: left !important; border: 0 !important; border-radius: 14px !important; background: #fff !important; color: var(--pk-l) !important;
  box-shadow: inset 0 0 0 1.5px var(--pk-cerceve-k) !important; font-size: 13.5px !important; font-weight: 700 !important; line-height: 1.3 !important; padding: 9px 12px !important; transition: box-shadow .2s, background .2s, transform .2s var(--pk-yay) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal :is(.ai-chat-option, .ai-option, .ai-option-btn):hover { box-shadow: inset 0 0 0 1.5px var(--pk-l) !important; background: var(--pk-acik) !important; transform: translateY(-1px) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal :is(.ai-option.selected, .ai-option.active) { background: var(--pk-l) !important; color: #fff !important; box-shadow: none !important; }
/* profil kartı, form */
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal :is(.ai-profile-card, .ai-program-card, .ai-lead-form) { border: 0 !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 0 0 1px var(--pk-cerceve), 0 14px 28px -20px rgba(15, 42, 95, .4) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-lead-form input { min-height: 46px !important; border: 1.5px solid var(--pk-cerceve-k) !important; border-radius: 12px !important; background: var(--pk-yuzey) !important; font-weight: 600 !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-lead-form input:focus { outline: none !important; border-color: var(--pk-m) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(36, 89, 214, .14) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-lead-submit { border: 0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #1B3D84, #0F2A5F) !important; color: #fff !important; font-weight: 800 !important; min-height: 48px !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal :is(.ai-pc-badge, .ai-test-badge) { background: var(--pk-acik) !important; color: var(--pk-m) !important; border-radius: 999px !important; font-weight: 800 !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-thinking-spinner { border-color: var(--pk-cerceve) !important; border-top-color: var(--pk-m) !important; }
/* teşekkür ve alt satır */
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-thanks .cp-h2 { color: var(--pk-l) !important; font-weight: 800 !important; letter-spacing: -.03em !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .aict-wa { background: #fff !important; color: var(--pk-l) !important; border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1.5px var(--pk-cerceve-k) !important; font-weight: 800 !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .aict-wa i { color: var(--pk-wa) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .aict-call { background: linear-gradient(180deg, #1B3D84, #0F2A5F) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; font-weight: 800 !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-footer { background: #fff !important; border-top: 1px solid var(--pk-cerceve) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-consultant-secure { color: var(--pk-soluk) !important; font-size: 12px !important; font-weight: 600 !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .ai-tts-toggle { border: 0 !important; border-radius: 50% !important; background: var(--pk-yuzey) !important; color: var(--pk-l) !important; }
html body #ai-consultant-modal#ai-consultant-modal#ai-consultant-modal .aic-close-confirm-box { border-radius: 20px !important; font-family: var(--pk-yazi) !important; }

@media (prefers-reduced-motion: reduce) {
  html body :is(.campaign-popup-close, .ai-bot, .ai-chat-option, .ai-option) { transition: none !important; }
}

/* Telefonda (7 Kasım, sahibin geri bildirimi): üstte aşağı çekip kapatmayı gösteren tutamak çizgisi görünür; dört madde iki sütunda
   ortalı ve satırlar hizalı (uzun metin sığmazsa sütun daralır, alt satıra geçer). */
@media (max-width:640px){
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-sheet-tutamak{display:block !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:24px !important;background:transparent !important;z-index:4 !important;cursor:grab}
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-sheet-tutamak span{display:block !important;width:44px !important;height:5px !important;border-radius:5px !important;background:#CDD6E6 !important;margin:10px auto 0 !important}
  html body #campaign-popup#campaign-popup#campaign-popup .campaign-alttan .ca-maddeler{grid-template-columns:repeat(2,minmax(0,max-content)) !important;justify-content:center !important;column-gap:22px !important;row-gap:10px !important}
}
/* Yeniden aç şeridi (telefon, alt çubuk varken): kenarlardan ve alttan boşluklu yüzen kart olduğu için dört köşe de yuvarlak (7 Kasım, sahibin geri bildirimi). */
@media (max-width: 768px) {
  html.ae-mbar-var body #campaign-peek#campaign-peek#campaign-peek.campaign-peek:not([hidden]) { border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 12px 30px -12px rgba(15, 42, 95, .5), 0 0 0 1px #E6EBF3 !important; }
}
@media (max-width: 768px) {
  html body #campaign-peek#campaign-peek#campaign-peek.campaign-peek:not([hidden]) { box-shadow: 0 12px 30px -12px rgba(15, 42, 95, .5), 0 0 0 1.5px #CDD6E6 !important; }
}
/* Kampanya şeridi ile alt çubuk düğmeleri arası 20 px'ten 8 px'e (7 Kasım, sahibin geri bildirimi); danışman düğmesi şeritle birlikte iner. */
@media (max-width: 768px) {
  html.ae-mbar-acik body #campaign-peek#campaign-peek#campaign-peek.campaign-peek:not([hidden]) { translate: 0 calc(-56px - env(safe-area-inset-bottom, 0px)) !important; }
  html.ae-mbar-acik.cp-peek-var body #ai-bot-wrapper#ai-bot-wrapper#ai-bot-wrapper.ai-bot-wrapper { translate: 0 calc(-56px - env(safe-area-inset-bottom, 0px)) !important; }
}