---
title: "AI Tarayıcılar İçin İçerik Keşfedilebilirliği | Brantial</"
description: "AI arama sistemlerinin faydalı içeriğe erişmesini, içeriği anlamasını ve kaynak göstermesini kolaylaştıran pratik taranabilirlik ve getirme kontrol listesi."
source_url: "https://brantial.ai/tr/blog/ai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak/"
lang: "tr"
updated: "2026-09-16T00:00:00.000Z"
---

[![Brantial](https://brantial.ai/layout/logo-wordmark.svg)](https://brantial.ai/tr/)

[Giriş Yap](https://app.brantial.ai/login) [1 Analiz Hakkı](https://brantial.ai/tr/brandscore/)

1 ANALİZ HAKKI

AI Sizi Nerede Saklıyor?

ChatGPT, Gemini, Perplexity ve Claude'da markanızın görünürlük önizlemesini dakikalar içinde alın.

4 dk ortalama rapor süresi

[1 Analiz Hakkı](https://brantial.ai/tr/brandscore/)

Ölç

- [AI Görünürlük Yapay zekâ cevaplarında markanızın yeri](https://brantial.ai/tr/features/ai-visibility/)
- [Prompt Hacimleri Yapay zekâya ne sorulduğu, ne sıklıkla](https://brantial.ai/tr/features/prompt-volumes/)
- [Kaynaklar ve Atıflar Yapay zekânın kaynak gösterdiği sayfalar](https://brantial.ai/tr/features/sources-citations/)
- [Yerel Görünürlük ChatGPT’nin yerel işletme listesinde yeriniz](https://brantial.ai/tr/features/local-visibility/)
- [AI Shopping ChatGPT alışverişte ürün görünürlüğü](https://brantial.ai/tr/features/shopping/)

Geliştir

- [Site Health Sitenizi AI tarayıcılarının gözünden denetleyin](https://brantial.ai/tr/features/site-health/)
- [AI Page Optimizer Sayfalarınızı yapay zekâ cevapları için yeniden yazın](https://brantial.ai/tr/features/page-optimizer/)
- [Agent Analytics Beta Sitenize gelen AI tarayıcıları](https://brantial.ai/tr/features/agent-analytics/)

[Platforma genel bakış](https://brantial.ai/tr/platform/) [Ürün turu](https://brantial.ai/tr/product-tour/) [Entegrasyonlar](https://brantial.ai/tr/integrations/)

VAKA ÇALIŞMASI

Bankacılıkta ChatGPT Trafiği

Önde gelen bir bankacılık kurumu, ChatGPT kaynaklı kullanıcı etkileşiminde %2.400’den fazla artış elde etti.

+%2.400 ChatGPT kaynaklı trafik

[Vakayı Okuyun](https://brantial.ai/tr/case-studies/bankacilikta-ai-odakli-buyume/)

Müşteri Hikayeleri

- [Tüm Vaka Çalışmaları Ölçülmüş sonuçlar, kaynağıyla](https://brantial.ai/tr/case-studies/)
- [Kolajen Ürün Grubu %98,7 AI görünürlüğü](https://brantial.ai/tr/case-studies/kolajen-urun-grubunda-ai-gorunurlugu/)
- [Sağlık Turizmi Hedeflenen prompt'larda görünürlük kazanımı](https://brantial.ai/tr/case-studies/saglik-turizmi-markasi-hedeflenen-prompt-larda-gorunurluk-kazanmaya-basladi/)

Araştırma

- [Raporlar Yeni Sektör raporları ve kaynak verisi](https://brantial.ai/tr/reports/)
- [AI Otorite Endeksi Haftalık kategori kıyas ölçütü](https://brantial.ai/tr/ai-authority-index/)
- [AI Sektör Endeksi Türkiye’de 18 sektörde AI’ın önerdiği markalar](https://brantial.ai/tr/ai-sektor-endeksi/)
- [GEO Sözlüğü Kategori terimleri, sade tanımlar](https://brantial.ai/tr/glossary/)

Öğren

- [Kaynak Merkezi Rehberler ve dokümanlar](https://brantial.ai/tr/resources/)
- [Blog GEO, AEO ve agentic commerce yazıları](https://brantial.ai/tr/blog/)
- [Brantial University Sokratik sertifikasyon, %80 kapısı](https://university.brantial.ai/tr)

Çözümler

- [Ekiplere göre Kurumsal, içerik, PR ve e-ticaret ekipleri](https://brantial.ai/tr/solutions/)
- [Sektörlere göre Sektör rehberleri, örnek sorular ve araştırmalar](https://brantial.ai/tr/industries/)

BRANTIAL

AI ajanlarıyla işleyen ticareti güvenilir kılmak

Ürün bilgisinden alışverişin tamamlanmasına kadar doğruluğu artırmaya odaklanan, Webtures LTD tarafından işletilen bir teknoloji girişimi.

KVKK GDPR · SOC 2 süreçte

[Hakkımızda](https://brantial.ai/tr/about/)

Brantial

- [Hakkımızda Agentic commerce vizyonumuz ve ilkelerimiz](https://brantial.ai/tr/about/)
- [Güven Merkezi KVKK, GDPR, SOC 2, veri yerleşimi](https://brantial.ai/tr/trust/)

Partnerler

- [Brantial Partners Sertifikalı ağ, toptan marj ve white-label](https://brantial.ai/tr/agency-partner/)

İletişim

- [İletişim Satış, destek, basın](https://brantial.ai/tr/contact/)
- [Kariyer Açık pozisyonlar](https://brantial.ai/tr/careers/)

{"@context":"https://schema.org","@type":"ItemList","name":"İçindekiler","itemListElement":[{"@type":"ListItem","position":1,"name":"AI arama keşfedilebilirliğinin beş aşaması","url":"https://brantial.ai/tr/blog/ai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak/#ai-arama-keşfedilebilirliğinin-beş-aşaması"},{"@type":"ListItem","position":2,"name":"Taranabilir sayfalar için teknik kontrol listesi","url":"https://brantial.ai/tr/blog/ai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak/#taranabilir-sayfalar-için-teknik-kontrol-listesi"},{"@type":"ListItem","position":3,"name":"İçeriği yorumlamayı kolaylaştırın","url":"https://brantial.ai/tr/blog/ai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak/#i̇çeriği-yorumlamayı-kolaylaştırın"},{"@type":"ListItem","position":4,"name":"Yapılandırılmış veri tek başına yeterlilik sağlamaz","url":"https://brantial.ai/tr/blog/ai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak/#yapılandırılmış-veri-tek-başına-yeterlilik-sağlamaz"},{"@type":"ListItem","position":5,"name":"Sorunun hangi aşamada olduğunu nasıl anlarsınız?","url":"https://brantial.ai/tr/blog/ai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak/#sorunun-hangi-aşamada-olduğunu-nasıl-anlarsınız"},{"@type":"ListItem","position":6,"name":"Uygulanabilir iyileştirme sırası","url":"https://brantial.ai/tr/blog/ai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak/#uygulanabilir-iyileştirme-sırası"}]}

Rehber 1 Aralık 2025 Güncellendi 16 Eylül 2026

# İçerik AI Arama Tarayıcıları İçin Nasıl Keşfedilebilir Olur?

AI arama sistemlerinin faydalı içeriğe erişmesini, içeriği anlamasını ve kaynak göstermesini kolaylaştıran pratik taranabilirlik ve getirme kontrol listesi.

## Öne Çıkanlar: AI Tarayıcı Keşfedilebilirliği

4

- Keşif, tarama, indeksleme, getirme ve atıf farklı aşamalardır; bir aşamayı geçmek sonrakini garanti etmez.
- Önemli sayfalar temiz bir 200 yanıtı vermeli, robots kurallarıyla erişilebilir olmalı, faydalı HTML içermeli ve tutarlı bir canonical URL kullanmalıdır.
- Açık başlıklar, net entity bilgileri, destekleyici kanıtlar ve bağlamsal iç bağlantılar sayfanın tarandıktan sonra anlaşılmasını kolaylaştırır.
- Crawler ziyareti ile üretken yanıta gerçek dahil olmayı ayırmak için sunucu logları ve yanıt düzeyinde kaynak takibi gerekir.

[Selen Çetin Üretken Arama Uzmanı](https://brantial.ai/tr/yazarlar/selen-cetin/) 5 dk okuma

Paylaş [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak%2F) [X](https://x.com/intent/post?text=%C4%B0%C3%A7erik%20AI%20Arama%20Taray%C4%B1c%C4%B1lar%C4%B1%20%C4%B0%C3%A7in%20Nas%C4%B1l%20Ke%C5%9Ffedilebilir%20Olur%3F%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak%2F) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak%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%2Fai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak%2F)

![İçerik AI Arama Tarayıcıları İçin Nasıl Keşfedilebilir Olur?](https://brantial.ai/images/blog/how-to-increase-the-discoverability-of-content-by-ai-crawlers/cover-tr.webp) ![İçerik AI Arama Tarayıcıları İçin Nasıl Keşfedilebilir Olur?](https://brantial.ai/images/blog/how-to-increase-the-discoverability-of-content-by-ai-crawlers/cover-tr-dark.webp)

Bir sayfayı AI tarayıcısına açmak gereklidir, ancak yalnızca ilk adımdır. Tarayıcı bir URL’yi çağırabilir ve sayfa yine de indekslenmeyebilir. İndekslenen sayfa getirme aşamasında seçilmeyebilir. Getirilen bir sayfa okunabilir ama görünür atıf almayabilir.

Bu aşamaları ayrı ele almak sorun çözmeyi kolaylaştırır. Ayrıca yeni bir dosya veya schema bloğu ekleyip bunun içerik ya da otorite sorununu tek başına çözmesini beklemeyi önler.

## AI arama keşfedilebilirliğinin beş aşaması

### 1. Keşif

Sistem URL’nin varlığını iç bağlantılar, XML sitemap, dış bağlantılar veya başka bir keşif kaynağı üzerinden öğrenir.

### 2. Tarama

İzin verilen tarayıcı URL’yi ister ve kullanılabilir bir yanıt alır. Robots kuralları, kimlik doğrulama, hız limitleri ve sunucu hataları bu aşamayı durdurabilir.

### 3. İndeksleme veya saklama

Sistem sayfayı işler; yararlı, canonical ve arama ya da getirme katmanına uygun olup olmadığına karar verir. Başarılı tarama bu kararı garanti etmez.

### 4. Getirme

Sayfa, kullanıcı promptu veya bu prompttan üretilen yardımcı sorgulardan biri için potansiyel olarak alakalı seçilir.

### 5. Atıf veya kullanım

Sayfadaki bilgi yanıtı etkiler ve sistem URL’yi kaynak olarak gösterebilir. Getirilen her sayfa görünür bir atıf almaz.

Bir sayfa AI yanıtlarında yoksa önce hangi aşamanın çalışmadığını belirleyin.

## Taranabilir sayfalar için teknik kontrol listesi

### Doğru durum kodunu döndürün

Önemli içerikler normalde `200 OK` vermelidir. Kullanımdan kaldırılan URL’leri kalıcı olarak yönlendirin. Artık var olmayan içerik için gerçek `404` veya `410` kullanın. Hata mesajı gösterirken 200 döndüren soft 404 sayfalardan kaçının.

### Robots kontrollerini bilinçli yönetin

`robots.txt`, sayfa düzeyinde robots meta etiketleri ve `X-Robots-Tag` başlıklarını birlikte inceleyin. Bir tarayıcı için yazılan kural her servise otomatik olarak uygulanmaz. OpenAI’nin [yayıncı rehberi](https://help.openai.com/en/articles/12627856), içeriğin ChatGPT arama özetlerinde ve snippet’lerinde yer alabilmesi için OAI-SearchBot’un engellenmemesi gerektiğini açıklar.

`robots.txt` dosyasını kaldırma aracı olarak kullanmayın. Bu dosya taramayı yönetir, de-indekslemeyi garanti etmez. Aramada yer almaması gereken sayfalarda doğru erişim kontrolü veya `noindex` uygulanmalıdır.

### Tek ve kararlı canonical URL kullanın

Tutarlı HTTPS URL’sini seçin, alternatif sürümleri yönlendirin ve nihai sayfaya self-canonical ekleyin. Sitemap’e yalnızca canonical ve indekslenebilir URL’leri koyun. Takip parametreleri ve slash varyasyonları ayrı sayfalar gibi rekabet etmemelidir.

### Ana içeriği HTML içinde sunun

Etkileşimli istemci özellikleri kullanılabilir, ancak sayfanın temel başlığı, bilgileri ve bağlantıları kullanıcı aksiyonuna veya çalışmayan API isteğine bağlı olmamalıdır. Görsel olarak eksiksiz görünen tarayıcı sayfasının teknik olarak da eksiksiz olduğunu varsaymayın; oluşturulan HTML’i kontrol edin.

### Faydalı iç bağlantılar kurun

Sitemap keşfe yardım eder, bağlamsal linkler ise ilişkileri ve önemi açıklar. İlgili rehber, ürün sayfası ve kategori merkezlerinden açıklayıcı anchor text ile link verin. Kullanıcıya fayda sağlamayan yüzlerce navigasyon linki üretmeyin.

## İçeriği yorumlamayı kolaylaştırın

### Konuyu doğrudan adlandırın

Ürünü, kurumu, hedef kitleyi ve konuyu sade dille belirtin. Tamamen slogandan oluşan başlıklar bağlamı zayıflatabilir.

### Ana soruyu erken yanıtlayın

Ayrıntıya geçmeden önce okuyucuya kısa ve net bir yanıt verin. Bu robotik yazmak değil, sayfanın açılma nedenine saygı göstermektir.

### Açıklayıcı bölümler kullanın

Başlıklar her bölümün hangi sorunu çözdüğünü anlatmalı. Tanımlar, adımlar, sınırlamalar, karşılaştırma ölçütleri ve örnekler açık bir role sahip olduğunda bilgi daha kolay seçilir.

### İddiaları destekleyin

Kararı etkileyen olgusal iddialarda mümkünse birincil kaynak kullanın. Birinci taraf veriniz varsa yöntem, dönem ve örneklemi görünür biçimde açıklayın. Genel üstünlük ifadeleri yerine spesifik kanıt sunun.

### Entity bilgilerini tutarlı tutun

Ürün adı, paket adı ve temel tanımları site genelinde aynı biçimde kullanın. Fiyat, limit veya konumlandırma sayfalar arasında çelişirse cevap motoru tutarsız sürümler arasından seçim yapmak zorunda kalır.

## Yapılandırılmış veri tek başına yeterlilik sağlamaz

Görünür içeriği doğru tanımlayan `Article`, `Product`, `Organization` veya `BreadcrumbList` schema türlerini gerektiği yerde kullanın. Kullanıcının görmediği SSS veya inceleme bilgisini markup içine eklemeyin. Yapılandırılmış veri anlamı netleştirebilir, ancak indeksleme ya da AI atfını garanti etmez.

Aynı uyarı `llms.txt` için de geçerlidir. Ek bir makine haritası sağlayabilir; taranabilir sayfaların, iç bağlantıların, sitemap’in veya robots yapılandırmasının yerini almaz.

## Sorunun hangi aşamada olduğunu nasıl anlarsınız?

| Sinyal | Neyi doğrular? |
| --- | --- |
| Sunucu logları | Belirli tarayıcının URL’yi isteyip istemediği ve aldığı yanıt |
| Search Console | Google’ın tarama, indeksleme ve canonical kararları |
| Oluşturulan HTML | Başlık, içerik, link ve direktiflerin erişilebilirliği |
| Sitemap ve iç link denetimi | Sayfanın keşfedilebilir ve bağlı olup olmadığı |
| AI kaynak takibi | Sayfanın ilgili promptlarda getirildiği veya atıf aldığı |

Brantial’ın [Site Health](https://brantial.ai/tr/features/site-health/) modülü teknik hazırlık sorunlarını bulmaya, [platform görünümü](https://brantial.ai/tr/platform/) ise erişilebilir sayfaların gerçek yanıtlara girip girmediğini görmeye yardımcı olur.

## Uygulanabilir iyileştirme sırası

1. Ticari veya editoryal açıdan önemli küçük bir sayfa grubu seçin.
2. 200 yanıtı, canonical URL, indekslenebilirlik ve oluşturulan içeriği doğrulayın.
3. İlgili sayfalardan anlamlı iç bağlantılar ekleyin.
4. Her sayfadaki yanıtı, kanıtı ve entity netliğini geliştirin.
5. Loglarda crawler etkinliğini, Search Console’da indekslemeyi kontrol edin.
6. Prompt setini birkaç hafta izleyip atıf alan kaynakları inceleyin.
7. Sonraki hareketi gerçek değişikliklerle ilişkilendirmek için kayıt tutun.

Keşfedilebilirlik tek bir anahtar değildir. Kararlı URL’den güvenilir yanıta uzanan bir zincirdir. Önce en erken kırılan aşamayı düzeltin, ardından sayfanın erişilebilir olmaktan seçilmeye ve kaynak gösterilmeye ilerleyip ilerlemediğini ölçün.

[Brantial çalışma alanı oluşturarak](https://app.brantial.ai/register) teknik hazırlığı prompt, rakip ve kaynak görünürlüğüyle birlikte takip edebilirsiniz.

↑ 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/) [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/ai-crawler-lar-icin-icerik-kesfedilebilirligini-artirmak/) [EN](https://brantial.ai/blog/how-to-increase-the-discoverability-of-content-by-ai-crawlers/)

[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

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; } }