--- title: "Perplexity AI ile Geleneksel Arama Motorları: Temel Farklar" description: "Bilgiye erişimin doğası köklü biçimde değişti; basit anahtar kelime eşleştirmesinden karmaşık, bağlama duyarlı senteze geçiyoruz." source_url: "https://brantial.ai/tr/blog/perplexity-ai-ile-geleneksel-arama-motorlarinin-farklari/" lang: "tr" updated: "2026-08-25T00:00:00.000Z" --- Rehber 24 Aralık 2025 Güncellendi 25 Ağustos 2026 # Perplexity AI ile Geleneksel Arama Motorları: Temel Farklar Bilgiye erişimin doğası köklü biçimde değişti; basit anahtar kelime eşleştirmesinden karmaşık, bağlama duyarlı senteze geçiyoruz. ## Öne Çıkanlar: Perplexity AI ve Geleneksel Arama 4 - Geleneksel arama motorları ağırlıklı olarak sıralanmış bağlantılar döndürürken Perplexity, getirdiği kaynaklardan doğrudan bir yanıt sentezler ve atıfları görüntüler. - Perplexity, bağlamı koruyan konuşma temelli takip sorularını desteklerken geleneksel arama çoğu zaman ayrı anahtar kelime sorgularının yeniden formüle edilmesini gerektirir. - Doğrudan sentez, araştırma süresini kısaltır ancak kullanıcıların atıfları incelemesini ve özetlenen kaynakların önemli iddiaları destekleyip desteklemediğini doğrulamasını gerektirir. - Aramanın hibrit kalması muhtemel; geniş web keşfi ile seçili bilgiyi özetleyip bağlamlandıran cevap motorları bir arada var olacak. [Selen Çetin Üretken Arama Uzmanı](https://brantial.ai/tr/yazarlar/selen-cetin/) 6 dk okuma Paylaş [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fperplexity-ai-ile-geleneksel-arama-motorlarinin-farklari%2F) [X](https://x.com/intent/post?text=Perplexity%20AI%20ile%20Geleneksel%20Arama%20Motorlar%C4%B1%3A%20Temel%20Farklar%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fperplexity-ai-ile-geleneksel-arama-motorlarinin-farklari%2F) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fperplexity-ai-ile-geleneksel-arama-motorlarinin-farklari%2F) [ChatGPT ile özetle](https://chatgpt.com/?q=Brantial%20i%C3%A7eri%C4%9Fini%20%C3%B6zetle%3A%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fperplexity-ai-ile-geleneksel-arama-motorlarinin-farklari%2F) ![Perplexity AI ile Geleneksel Arama Motorları: Temel Farklar](https://brantial.ai/images/blog/perplexity-ai-vs-traditional-search-engines-the-core-differences-explained/cover-tr.webp) ![Perplexity AI ile Geleneksel Arama Motorları: Temel Farklar](https://brantial.ai/images/blog/perplexity-ai-vs-traditional-search-engines-the-core-differences-explained/cover-tr-dark.webp) Bilgiye erişimin doğası köklü biçimde değişti; basit anahtar kelime eşleştirmesinden karmaşık, bağlama duyarlı senteze geçiyoruz. Geleneksel arama motorları, devasa web sitesi dizinleri sunarak internete açılan varsayılan kapı olmaya devam etse de özünde birer bağlantı toplayıcısıdır; bir sorguya verdikleri birincil yanıt, potansiyel kaynaklardan oluşan bir listedir. Perplexity AI ise bir paradigma değişimini temsil eder: yalnızca bir konumlandırıcı olarak değil, birden fazla kaynaktan bilgiyi sentezleyerek tek ve detaylı bir yanıt sunan bir cevap motoru olarak çalışır ve kullanıcının çevrimiçi bilgiyle etkileşimini kökten yeniden tanımlar. ## Geleneksel Arama Motorlarını Anlamak Google ve Bing gibi platformların temsil ettiği geleneksel arama motorları, onlarca yıldır internetin omurgası olarak hizmet vermiş ve kullanıcıların World Wide Web’in kaotik genişliğinde yolunu bulmasını sağlamıştır. ### Geleneksel Arama Nasıl Çalışır? Geleneksel aramanın temelindeki mekanizma üç aşamalı bir süreçtir: tarama, dizinleme ve sıralama. Crawler’lar, yani ‘botlar’, interneti sürekli tarayarak yeni ve güncellenmiş sayfaları keşfeder. Bu veriler daha sonra devasa bir dizinde (her sayfadaki her kelimenin kataloglandığı dijital bir kütüphanede) organize edilir. Bir kullanıcı sorgu gönderdiğinde arama motoru interneti canlı olarak taramaz; anahtar kelimeleri içeren sayfaları bulmak için bu dizini hızla sorgular. Son ve en kritik adım sıralamadır: karmaşık algoritmalar alaka düzeyi, otorite ve backlink yapısı gibi faktörleri değerlendirerek sonuçları sıralar ve kullanıcıya niyetini karşılama olasılığı en yüksek görülen bağlantıların listesini sunar. ### Geleneksel Aramanın Sınırlamaları Geleneksel arama, bilinen web sitelerine ulaşmakta veya belirli belgeleri bulmakta son derece etkili olsa da sentez gerektiren karmaşık ya da çok boyutlu sorgularda zorlanır. Temel sınırlaması, kesin bir yanıt yerine işaretçiler (bir bağlantı listesi) sunmasıdır. Kullanıcılar birden fazla sonuca tıklamak, metinleri elle taramak ve nihai bilgiyi kendileri bir araya getirmek zorunda kalır. Bu süreç, araştırma yaparken veya soyut, kavramsal soruları yanıtlarken verimsiz olabilir. Ayrıca sıralama, yerleşik ve çok bağlantı alan alan adlarını güçlü biçimde kayırır; bu da bazen daha yeni veya niş ama aynı derecede alakalı kaynakları gölgede bırakır. ## Perplexity AI’ın Yükselişi Büyük dil modellerinin (LLM) ve üretken yapay zekanın ortaya çıkışı, yeni bir arama aracı sınıfının önünü açtı; Perplexity AI, basit bağlantı toplayıcılığının ötesine geçen bu sınıfın öne çıkan bir örneğidir. ### Perplexity AI Nedir? Perplexity AI, en iyi şekilde üretken yapay zeka teknolojisi üzerine inşa edilmiş bir cevap motoru olarak tanımlanabilir. Dizinlenmiş kataloğu üzerinde çalışan geleneksel bir arama motorunun aksine Perplexity, sorgunun altında yatan niyeti anlamak, ilgili bilgiyi webden gerçek zamanlı olarak getirmek ve ardından bu verileri tutarlı, kapsamlı bir yanıta sentezlemek için gelişmiş LLM’ler kullanır. Birincil çıktı olarak bağlantı listesi sunma adımını atlar ve bunun yerine doğrudan, konuşma temelli bir yanıt sunar. ### Aramaya Üretken Yapay Zeka Yaklaşımı Perplexity’nin temel farklılaşması, üretken yapay zeka kullanımında yatar. Bir kullanıcı soru sorduğunda: - **Niyet Yorumlama:** Yapay zeka önce soruyu işleyerek bağlamı ve ihtiyaç duyulan bilgiyi derinlemesine anlar. - **Hedefli Getirme:** En güncel ve alakalı veri parçalarını toplamak için internette hedefli, canlı bir arama gerçekleştirir. - **Sentez ve Üretim:** LLM daha sonra bu parçaları bir araya getirerek sorguya doğrudan yanıt veren akıcı ve insan tarafından okunabilir bir paragraf veya paragraf dizisi üretir. Bu yaklaşım, bir insan araştırmacının yapacağı işi (kaynakları bulmak, okumak ve bir özet yazmak) saniyeler içinde simüle eder. ## Bilgiye Erişimdeki Temel Farklar İki model arasındaki karşıtlık, bilgiyi bulma ve sunma mekaniğini nasıl ele aldıklarında en belirgin hale gelir. ### Kaynak Toplama ve Atıf Perplexity AI’ın en güçlü özelliklerinden biri, atıf konusundaki açık taahhüdüdür. Bir yanıtı sentezlerken, yanıtı oluşturmak için kullandığı orijinal web sayfalarına doğrudan bağlantı veren numaralandırılmış satır içi atıfları otomatik olarak ekler. - **Geleneksel Arama:** Bir kaynak listesi sunar ve hangisinin en alakalı olduğuna karar vermeyi kullanıcıya bırakır. - **Perplexity AI:** Kaynakları doğrudan üretilen metnin içine entegre eder ve bilgi için şeffaf bir izlenebilirlik zinciri kurar. ### Doğrudan Yanıtlar ve Bağlantı Listeleri Bu, kullanıcı deneyimindeki en görünür farktır. - **Geleneksel Arama:** İlk çıktı neredeyse her zaman mavi linklerden oluşan bir listedir. Öne çıkan snippet’ler kısa yanıtlar sunsa da temel etkileşim hâlâ seçme ve gezinme üzerinedir. - **Perplexity AI:** İlk çıktı, tamamen yazılmış yanıtın kendisidir. Bağlantılar ve referanslar ikincildir ve genellikle üretilen metnin altında sunulur. Bu, kullanıcının görevini bilgiyi _bulmaktan_; anlamayı _doğrulamaya_ ve _derinleştirmeye_ kaydırır. ### Bağlamın ve Takip Sorularının Rolü Üretken yapay zeka, geleneksel arama motorlarının doğal olarak tasarlanmadığı bir alanda (konuşma durumunu korumada) üstündür. - **Perplexity AI:** Kullanıcıların ilk sorgunun ve üretilen yanıtın üzerine inşa edilen takip soruları sormasına izin verir. Bu konuşma temelli arayüz, yapay zekanın önceki turun bağlamını koruduğu dinamik bir konu keşfini mümkün kılar. Örneğin “2024 F1 şampiyonasını kim kazandı?” diye sorup ardından “Zafer farkı ne kadardı?” dediğinizde Perplexity, sorunun ilk kazanana atıfta bulunduğunu anlar. - **Geleneksel Arama:** Her sorgu genellikle bağımsız bir olay olarak ele alınır ve kullanıcının her yeni girdide aramasını yeniden bağlamlandırması gerekir. ## Kullanıcı Deneyimi ve Uygulama Alanları Perplexity AI yenilikçi bir yaklaşım sunsa da geleneksel aramayı geçersiz kılmaz; en uygun araç, kullanıcının spesifik bilgi ihtiyacına göre değişir. ### Geleneksel Arama Ne Zaman Kullanılmalı? Geleneksel arama, birkaç özel kullanım senaryosunda üstün seçenek olmaya devam ediyor: - **Navigasyon Sorguları:** Hedef, bilinen bir web sitesine ulaşmaksa (ör. “Facebook giriş”, “New York Times”). - **Güncel Haberler ve Gerçek Zamanlı Olaylar:** Perplexity güncel verileri getirebilse de yüksek hacimli haber kuruluşlarından en son başlıkları görmek için geleneksel arama çoğu zaman daha hızlıdır. - **Yüksek Hacimli Tarama:** Belirli konularda kullanıcı, sentezlenmiş bir yanıtın gizleyebileceği yüzlerce farklı görüşü veya kaynağı bilinçli olarak görmek isteyebilir. - **Görsel veya Video Arama:** Geleneksel platformlar, medya keşfi için hâlâ özel ve üstün arayüzler sunar. ### Perplexity AI Ne Zaman Öne Çıkar? Perplexity, kullanıcının şunlara ihtiyaç duyduğu durumlarda son derece değerlidir: - **Karmaşık veya Kavramsal Yanıtlar:** Birden fazla alana özgü kaynaktan sentez gerektiren araştırma soruları (ör. “Kuantum dolanıklığı ile süperpozisyon arasındaki farkı basit terimlerle açıkla”). - **Konu Keşfi ve Özetleme:** Birkaç giriş makalesini elle okumadan yeni bir konuda hızla bilgi sahibi olmak. - **Araştırmayı İnceltmek:** Konuşma temelli arayüzü kullanarak belirli alt konulara inmek veya karmaşık bir sorgunun açısını ayarlamak. - **Şeffaflıkla Doğrulama:** Üretilen özeti okurken açık atıfları kullanarak bir ifadeyi hızla doğrulamak. ## Aramanın Geleceği: Hibrit Bir Yaklaşım İki model arasındaki rekabet, birinin diğerinin yerini almasından çok bir evrimle ilgilidir. Üretken yapay zeka aramaya daha fazla entegre oldukça hibrit modelin baskın hale gelmesi muhtemeldir. Geleneksel arama motorları, Perplexity’nin çıktısına benzer doğrudan ve sentezlenmiş yanıtları sonuçlarının en üstüne yerleştirerek üretken yapay zeka özelliklerini şimdiden hızla benimsiyor. Perplexity ise kapsamlı kaynak kapsamı sağlamak için getirme yöntemlerini sürekli geliştiriyor. Yayıncılar için bu yeni dönemde performansı ölçmek kritik önem taşıyor; Perplexity gibi doğrudan AI yanıtlarından kaynaklanan trafik, çoğu zaman bir [**AI görünürlük aracı**](https://brantial.ai/) kullanılarak takip edilebilir ve optimize edilebilir. Aramanın geleceği; geleneksel aramanın devasa ve güncel dizinini, üretken yapay zekanın bağlama duyarlı sentezi ve şeffaf atıflarıyla birleştirerek kullanıcılara her iki dünyanın en iyisini sunmaktan geçiyor. Sonuç olarak Perplexity AI ile geleneksel arama motorları arasındaki ayrım, temel işlevlerine indirgenebilir: biri bilgiyi sentezleyip atıf yapan gelişmiş bir cevap motoru, diğeri güçlü bir bağlantı toplayıcı ve gezgindir. Geleneksel arama, bilginin _nerede_ olduğunu bulmak için optimize edilmişken Perplexity, bilginin _ne_ olduğunu doğrulanabilir kaynaklarla birlikte sunmak için optimize edilmiştir. Kullanıcılar artık araçlarını sorgularının karmaşıklığına ve niyetine göre seçmeli; her ikisinin de çevrimiçi bilgi keşfinin giderek çeşitlenen ekosisteminde kritik bir rol oynadığını kabul etmelidir. ↑ Başa dön ## Diğer Yazılar [Daha fazla içeriğe göz at](https://brantial.ai/tr/blog/) Yazı 22 Eki 2026 ### AI Motorları Hangi Siteleri Kaynak Gösteriyor? 95.144 AI cevabındaki 639.334 kaynağı inceledik. Atıfların %92’si Vikipedi ya da Reddit’e değil sıradan sitelere gidiyor; her motorun kendi gözdesi var. [AI Motorları Hangi Siteleri Kaynak Gösteriyor?](https://brantial.ai/tr/blog/ai-motorlari-hangi-siteleri-kaynak-gosteriyor/) Yazı 22 Eki 2026 ### LLM SEO Rehberi: AI Modellerinde Bulunmak ve Kaynak Olmak LLM SEO, içeriğinizi ChatGPT, Gemini, Claude ve Perplexity için bulunur ve kaynak gösterilebilir kılar. AI cevaplarının %89’u önce web’de arıyor; işte yapılacaklar. [LLM SEO Rehberi: AI Modellerinde Bulunmak ve Kaynak Olmak](https://brantial.ai/tr/blog/llm-seo-rehberi/) Yazı 21 Eki 2026 ### Arama Botu Nedir? 2026 Arama Motoru ve AI Botları Listesi Arama botu, sayfalarınızı arama motorları ve AI asistanları için ziyaret eder. 2026’da hangi botun ne yaptığını ve robots.txt’te hangisine izin vermeli? [Arama Botu Nedir? 2026 Arama Motoru ve AI Botları Listesi](https://brantial.ai/tr/blog/arama-botu-nedir/) 800 bin+ ANALİZ EDİLEN AI CEVABI 8 CEVAP MOTORU HAFTALIK ENDEKS TARANAN MOTORLAR: ChatGPT Gemini Claude Perplexity Grok Mistral Meta AI DeepSeek ÜRÜN: [Platforma Genel Bakış](https://brantial.ai/tr/platform/) [Prompt Hacimleri](https://brantial.ai/tr/features/prompt-volumes/) [AI Otorite Endeksi](https://brantial.ai/tr/ai-authority-index/) [AI Sektör Endeksi](https://brantial.ai/tr/ai-sektor-endeksi/) [1 Analiz Hakkı](https://brantial.ai/tr/brandscore/) [Agent Analytics](https://brantial.ai/tr/features/agent-analytics/) [Entegrasyonlar](https://brantial.ai/tr/integrations/) [Fiyatlandırma](https://brantial.ai/tr/pricing/) ŞİRKET: [Hakkımızda](https://brantial.ai/tr/about/) [Güven Merkezi](https://brantial.ai/tr/trust/) [Kariyer](https://brantial.ai/tr/careers/) [Partner Programı](https://brantial.ai/tr/agency-partner/) [Brantial University](https://university.brantial.ai/tr) [Visionary Share](https://brantial.ai/community/visionary-share/) [Beyond Click](https://brantial.ai/tr/beyond-click/) [Vaka Çalışmaları](https://brantial.ai/tr/case-studies/) [İletişim](https://brantial.ai/tr/contact/) KAYNAKLAR: [Kaynak Merkezi](https://brantial.ai/tr/resources/) [Yardım Merkezi](https://brantial.ai/tr/help/) [Araştırma Raporları](https://brantial.ai/tr/reports/) [Sektörler](https://brantial.ai/tr/industries/) [Vaka Çalışmaları](https://brantial.ai/tr/case-studies/) [Türkiye AI Otorite Endeksi](https://brantial.ai/tr/ai-authority-index/) [AI Sektör Endeksi](https://brantial.ai/tr/ai-sektor-endeksi/) [Otomotiv AI Raporu](https://brantial.ai/tr/reports/otomotiv-sektorunde-ai-gorunurlugu-brantial-2026-raporu/) [GEO Sözlüğü](https://brantial.ai/tr/glossary/) [GEO Rehberi](https://brantial.ai/generative-engine-optimization-guide/) [Blog](https://brantial.ai/tr/blog/) [Karşılaştırma Merkezi](https://brantial.ai/tr/compare/) ![Brantial](https://brantial.ai/layout/logo-wordmark.svg) Brantial, AI görünürlüğünü anlamak ve içerik çalışmalarını geliştirmek için araçlar sunar. Agentic commerce yönümüz, ürün bilgisi ve alışveriş görevlerinin doğruluğuna odaklanır. Webtures LTD tarafından işletilir. WEBTURES LTD. · Şirket No. 11948574 494a Fulham Road, London, England, SW6 5NH [hello@brantial.ai](mailto:hello@brantial.ai) SERTİFİKALAR: KVKK GDPR SOC 2 · SÜREÇTE [![Brantial Certified GEO Partner](https://brantial.ai/assets/geo-partner-badge.avif) Sertifikalı GEO Partner programı: rozet, dizin ve toptan marj](https://brantial.ai/tr/agency-partner/) Haftalık Görünürlük Endeksi Her hafta GEO trendleri ve içgörüler, e-postanda. [Abone ol](https://www.linkedin.com/newsletters/g%C3%B6r%C3%BCn%C3%BCrl%C3%BCk-raporu-7449413673988583424/) © 2026 Brantial · Webtures LTD [TR](https://brantial.ai/tr/blog/perplexity-ai-ile-geleneksel-arama-motorlarinin-farklari/) [EN](https://brantial.ai/blog/perplexity-ai-vs-traditional-search-engines-the-core-differences-explained/) [Gizlilik](https://brantial.ai/privacy-policy/) [Şartlar](https://brantial.ai/terms-of-service/) [Çerezler](https://brantial.ai/cookie-policy/) ÜCRETSİZ MARKA ANALİZİ ## Analiz hakkınızı kullanın Brantial University ## Merhaba, hadi başlayalım! Hızlı çözüm, tek mesaj uzağınızda. **Sorunuzu ekibe yazın** Genellikle birkaç dakika içinde yanıtlarız **Brantial University** GENELLİKLE BİRKAÇ DAKİKA İÇİNDE YANITLAR .br-chat { --br-chat-panel: var(--card); --br-chat-surface: var(--bg); --br-chat-input: var(--card); --br-chat-text: var(--text); --br-chat-copy: var(--t2); --br-chat-muted: var(--t3); --br-chat-faint: var(--t5); --br-chat-line: var(--border2); --br-chat-outer-line: var(--border3); --br-chat-visitor-bg: var(--text); --br-chat-visitor-text: var(--bg); --br-chat-team-bg: var(--tint2); position: static; color: var(--br-chat-text); font-family: Geist, -apple-system, 'Segoe UI', sans-serif; } .br-chat [hidden] { display: none !important; } .br-chat button, .br-chat input { box-sizing: border-box; font: inherit; } .br-chat button { color: inherit; } .br-chat__launcher { display: flex; position: fixed; right: 22px; bottom: 22px; z-index: 90; width: 52px; height: 52px; align-items: center; justify-content: center; border: 1px solid var(--br-chat-outer-line); border-radius: 50%; background: var(--br-chat-panel); box-shadow: 0 6px 24px var(--shadow-soft); color: var(--br-chat-copy); cursor: pointer; transition: transform 0.15s ease; } .br-chat__launcher:hover { transform: translateY(-2px); } .br-chat__launcher svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; } .br-chat__launcher:focus-visible, .br-chat__panel button:focus-visible { outline: 1px solid var(--br-chat-text); outline-offset: 2px; } .br-chat__panel input:focus-visible { outline: 1px solid var(--br-chat-text); outline-offset: 0; } .br-chat__panel:focus { outline: none; } .br-chat__panel { position: fixed; right: 22px; bottom: 22px; z-index: 91; display: flex; width: 340px; max-width: calc(100vw - 24px); height: 440px; max-height: calc(100dvh - 90px); overflow: hidden; flex-direction: column; border: 1px solid var(--br-chat-outer-line); border-radius: 14px; background: var(--br-chat-panel); box-shadow: 0 16px 48px var(--shadow-soft); } .br-chat__welcome { position: relative; display: flex; min-height: 100%; flex: 1; flex-direction: column; justify-content: space-between; padding: 26px 18px 16px; } .br-chat__welcome-close { position: absolute; top: 10px; right: 10px; } .br-chat__welcome-copy h2 { margin: 0; color: var(--br-chat-text); font-size: 20px; font-weight: 700; line-height: normal; letter-spacing: -0.01em; } .br-chat__welcome-copy p { margin: 4px 0 0; color: var(--br-chat-muted); font-size: 13.5px; line-height: normal; } .br-chat__start-card { display: grid; width: 100%; margin-top: auto; gap: 4px; padding: 14px; border: 1px solid var(--br-chat-line); border-radius: 12px; background: var(--br-chat-surface); text-align: left; } .br-chat__start-card strong { font-size: 14px; font-weight: 600; line-height: normal; } .br-chat__start-card small { color: var(--br-chat-muted); font-size: 12.5px; font-weight: 400; line-height: normal; } .br-chat__start-card button { align-self: end; justify-self: start; margin-top: 8px; padding: 0; border: 0; background: transparent; color: var(--br-chat-text); font-size: 14px; font-weight: 600; cursor: pointer; } .br-chat__start-card button:hover { color: var(--br-chat-muted); } .br-chat__icon-button { display: flex; width: 32px; height: 32px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--br-chat-line); border-radius: 99px; background: transparent; color: var(--br-chat-text); font-size: 15px; line-height: 15px; cursor: pointer; } .br-chat__icon-button:hover { background: var(--br-chat-team-bg); } .br-chat__conversation { display: flex; min-height: 0; flex: 1; flex-direction: column; } .br-chat__header { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--br-chat-line); background: var(--br-chat-surface); } .br-chat__header > div { min-width: 0; flex: 1; } .br-chat__header strong { display: block; font-size: 14px; font-weight: 600; line-height: normal; } .br-chat__header small { display: block; margin-top: 3px; color: var(--br-chat-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 400; letter-spacing: 0.06em; line-height: 1.55; } .br-chat__log { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: 8px; overflow-y: auto; padding: 14px; } .br-chat__messages { display: flex; flex-direction: column; gap: 8px; } .br-chat__bubble { max-width: 85%; margin: 0; padding: 8px 12px; overflow-wrap: anywhere; border-radius: 12px; color: var(--br-chat-copy); font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; } .br-chat__bubble--visitor { align-self: flex-end; border: 1px solid var(--br-chat-outer-line); border-radius: 12px 12px 4px; background: var(--br-chat-visitor-bg); color: var(--br-chat-visitor-text); } .br-chat__bubble--team { align-self: flex-start; border-radius: 12px 12px 12px 4px; background: var(--br-chat-team-bg); } .br-chat__email-area { width: 100%; } .br-chat__email-form { display: grid; width: 100%; max-width: 292px; gap: 8px; padding: 8px 12px; border-radius: 12px 12px 12px 4px; background: var(--br-chat-team-bg); } .br-chat__email-form label { color: var(--br-chat-copy); font-size: 13.5px; font-weight: 400; line-height: 1.55; } .br-chat__email-form > div { display: flex; gap: 8px; } .br-chat__email-form input { min-width: 0; height: 38px; flex: 1; padding: 9px 10px; border: 1px solid var(--br-chat-line); border-radius: 8px; background: var(--br-chat-input); color: var(--br-chat-copy); font-size: 13.5px; } .br-chat__email-form input[aria-invalid='true'] { border-color: #d14343; } .br-chat__email-form button { display: flex; width: 38px; height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 8px; background: var(--br-chat-visitor-bg); color: var(--br-chat-visitor-text); font-size: 16px; cursor: pointer; } .br-chat__email-form button:disabled { cursor: wait; opacity: 0.62; } .br-chat__error { margin: 0; color: #d14343; font-size: 11.5px; line-height: 1.4; } .br-chat__composer { display: flex; min-height: 59px; align-items: center; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--br-chat-line); background: var(--br-chat-surface); } .br-chat__composer input { min-width: 0; height: 38px; flex: 1; padding: 9px 12px; border: 1px solid var(--br-chat-line); border-radius: 10px; background: var(--br-chat-input); color: var(--br-chat-copy); font-size: 13.5px; } .br-chat__composer button { display: flex; width: 40px; height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--br-chat-muted); cursor: pointer; } .br-chat__composer button:hover:not(:disabled) { color: var(--br-chat-text); } .br-chat__composer button:disabled, .br-chat__composer input:disabled { cursor: default; } .br-chat__composer button span { font-size: 17px; line-height: 1; } .br-chat__composer input::placeholder, .br-chat__email-form input::placeholder { color: var(--br-chat-faint); opacity: 1; } .br-chat__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 480px) { .br-chat__panel { right: 12px; bottom: 12px; width: calc(100vw - 24px); height: min(480px, calc(100dvh - 70px)); } .br-chat__icon-button { width: 44px; height: 44px; } .br-chat__composer input, .br-chat__email-form input { height: 44px; font-size: 16px; } .br-chat__composer button, .br-chat__email-form button { width: 44px; height: 44px; } .br-chat__start-card button { display: inline-flex; min-height: 44px; align-items: center; } } @media (prefers-reduced-motion: reduce) { .br-chat__launcher { transition: none; } }