--- title: "Search Everywhere Optimization (SEvO) Nedir? | Brantial" description: "Search Everywhere Optimization'ın (SEvO) ne olduğunu, aramanın neden Google'ın ötesine, AI asistanlarına, sosyal medyaya ve videoya taşındığını öğrenin." source_url: "https://brantial.ai/tr/blog/search-everywhere-optimization-sevo-nedir/" lang: "tr" updated: "2026-08-25T00:00:00.000Z" --- Rehber 11 Aralık 2025 Güncellendi 25 Ağustos 2026 # Search Everywhere Optimization (SEvO) Nedir? Search Everywhere Optimization'ın (SEvO) ne olduğunu, aramanın neden Google'ın ötesine, AI asistanlarına, sosyal medyaya ve videoya taşındığını öğrenin. ## Öne Çıkanlar: Search Everywhere Optimization 4 - Search Everywhere Optimization, keşfedilebilirliği Google'ın ötesine taşıyarak AI asistanlarını, sosyal platformları, pazar yerlerini, videoyu, sesli aramayı ve dikey arama sistemlerini kapsar. - SEvO, aynı içeriği her platformun davranışını gözetmeden birebir yayınlamak yerine, otoriter tek bir fikri kanala özgü formatlara uyarlar. - Çok kanallı bir strateji, kullanıcıların ve algoritmaların dağıtık içerikleri doğru şekilde ilişkilendirebilmesi için tutarlı entity bilgisi ve marka konumlandırması gerektirir. - SEvO ölçümü tek bir sıralama raporu yerine platform görünürlüğünü, etkileşimi, yönlendirmeleri, anılmaları, destekli dönüşümleri ve içerik performansını bir arada değerlendirir. [Selen Çetin Üretken Arama Uzmanı](https://brantial.ai/tr/yazarlar/selen-cetin/) 7 dk okuma Paylaş [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fsearch-everywhere-optimization-sevo-nedir%2F) [X](https://x.com/intent/post?text=Search%20Everywhere%20Optimization%20(SEvO)%20Nedir%3F%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fsearch-everywhere-optimization-sevo-nedir%2F) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fsearch-everywhere-optimization-sevo-nedir%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%2Fsearch-everywhere-optimization-sevo-nedir%2F) ![Search Everywhere Optimization (SEvO) Nedir?](https://brantial.ai/images/blog/what-is-search-everywhere-optimization-sevo/cover-tr.webp) ![Search Everywhere Optimization (SEvO) Nedir?](https://brantial.ai/images/blog/what-is-search-everywhere-optimization-sevo/cover-tr-dark.webp) Search Everywhere Optimization (SEvO), bir markanın veya içeriğin dijital ekosistemin her noktasında görünür olmasını sağlamak için geleneksel arama motoru sonuç sayfalarının (SERP) ötesine geçen kapsamlı ve geleceğe dönük bir pazarlama stratejisidir. Kullanıcılar artık yalnızca Google’da arama yapmıyor; yapay zeka (AI) destekli platformlar, sesli asistanlar, e-ticaret siteleri, sosyal medya akışları ve dikey arama motorları dahil olmak üzere birçok farklı kanalda aktifler. SEvO, tüm bu “her yerde arama” noktalarını optimize ederek potansiyel müşteriler nerede olursa olsun görünürlüğü ve etkileşimi en üst düzeye çıkarmayı hedefler. Bu yeni yaklaşım, markaları çok kanallı bir varlık inşa etmeye ve değişen arama davranışlarına uyum sağlamaya zorluyor. ## SEvO Neden Yeni SEO? Geleneksel SEO, öncelikli olarak bir web sitesinin Google ve Bing gibi büyük arama motorlarındaki sıralamasını iyileştirmeye odaklanır. SEvO ise bu odağı önemli ölçüde genişletir. Modern dijital kullanıcı, bilgi edinme ve ürün bulma sürecini birden fazla platforma dağıtmış durumda. Bir [**AI görünürlük aracı**](https://brantial.ai/) gibi araçların da yardımıyla marka, yalnızca web sitesi trafiğine odaklanmak yerine çok daha geniş bir dijital alanda otorite kurmak zorunda. Bu bölümde SEvO’nun günümüz dijital pazarlama stratejilerinin neden vazgeçilmez bir parçası haline geldiğini detaylandıracağız. ### Geleneksel Arama Motorlarının Ötesi Kullanıcının arama yolculuğu artık bir anahtar kelime yazıp ilk sonuca tıklamakla sınırlı değil. Aramalar artık çok çeşitli yerlerde ve formatlarda gerçekleşiyor. - **Sesli Arama:** Amazon Alexa, Google Asistan ve Siri gibi cihazlar üzerinden yapılan sorgular. - **Görsel Arama:** Google Lens veya Pinterest Lens gibi araçlarla yapılan görsel tabanlı aramalar. - **E-Ticaret Platformları:** Ürün aramalarının büyük bir kısmı doğrudan Amazon, Walmart veya Etsy gibi platformlarda yapılıyor. - **Sosyal Medya Araması:** TikTok ve Instagram gibi platformlar, özellikle genç nesil için kullanıcıların ürün, mekan veya bilgi aradığı birincil keşif motorları haline geldi. - **Yapay Zeka Sohbet Arayüzleri:** ChatGPT, Gemini veya Copilot gibi AI araçları, özetlenmiş ve çoğu zaman kaynak gösterilen bilgiler sunarak geleneksel SERP’i tamamlıyor, hatta onun yerini alıyor. Bu dönüşüm, markaların içeriklerini bu farklı kanalların her birine uygun şekilde uyarlaması gerektiği anlamına geliyor. ### Kullanıcı Yolculuğunun Parçalanması Modern kullanıcı yolculuğu parçalanmış durumda. Bir kullanıcı ürün araştırmasına Google’da başlayabilir, YouTube’da bir inceleme videosu izleyebilir, ürünü Amazon’da aratabilir ve nihai kararını vermeden önce Instagram’daki kullanıcı yorumlarını kontrol edebilir. - **Kanallar Arası Tutarlılık:** SEvO, markanın mesajının ve sunduğu değerin, platform fark etmeksizin bu yolculuğun her aşamasında tutarlı ve optimize edilmiş şekilde sunulmasını sağlar. - **Anlık İhtiyaçlara Yanıt Vermek:** Kullanıcı nerede arama yaparsa yapsın (bilgi arama, satın alma, karşılaştırma) anlık ihtiyacını karşılamak için en alakalı içeriğin doğru kanalda hazır bulunması kritiktir. Bu, örneğin YouTube için eğitici videolar, Amazon için zengin ürün açıklamaları ve Google için yüksek kaliteli blog yazıları anlamına gelir. ## Search Everywhere Optimization’ın Temel Sütunları SEvO’nun başarılı bir şekilde uygulanması çok boyutlu bir strateji gerektirir. Tek bir kanala odaklanmak yerine, bir markanın dijital görünürlüğünü artırmak için gereken temel alanların tamamını kapsamayı içerir. Bu sütunlar, markanın dijital ekosistemin her köşesindeki varlığını ve yönetimini güvence altına alır. ### Çok Kanallı (Omni-Channel) İçerik Optimizasyonu İçeriğinizi hedeflediğiniz her kanalın kendine özgü kurallarına, format gereksinimlerine ve algoritma beklentilerine uyarlamak, SEvO’nun en temel sütunudur. #### Platforma Özgü Optimizasyon - **YouTube:** Video başlıkları, açıklamalar, etiketler ve transkriptler anahtar kelimelerle optimize edilmelidir. - **E-Ticaret:** Ürün başlıkları, madde işaretli açıklamalar, uzun açıklamalar ve yüksek çözünürlüklü görseller platformun SEO kurallarına (ör. Amazon SEO) uygun olmalıdır. - **Sosyal Medya:** Hashtag stratejileri, içerik türü (Reels, TikTok) ve dikkat çekici ilk saniyeler optimizasyon sürecinin bir parçasıdır. #### Yapılandırılmış Veri (Schema Markup) İçeriğinizi yapılandırılmış veriyle işaretlemek, geleneksel SERP’in ötesindeki alanlarda (ör. Google’ın zengin sonuçları) görünmek için şarttır. Bu, arama motorlarının içeriğinizin bağlamını anlamasına yardımcı olur. ### Geleneksel Olmayan Arama Görünürlüğü Bu sütun, marka bilgilerinizin ve ürünlerinizin, geleneksel web sitelerinin ötesinde kullanıcıların güvendiği diğer kaynaklarda da yer almasını sağlamaya odaklanır. - **Google Business Profile (GBP) ve Harita SEO’su:** Yerel aramalarda, Google Haritalar’da ve “Yakınımdaki X” sorgularında görünürlüğü artırmak. - **Dikey Platformlar:** Tarifler için Allrecipes, seyahat için TripAdvisor veya otel aramaları için Booking.com gibi sektöre özel dikey arama motorlarında optimize edilmiş kayıtlar oluşturmak. - **AI/LLM Etkileşimi:** Büyük Dil Modellerinin (LLM) bilgi çekebileceği otoriter ve güvenilir kaynaklar oluşturmak. Bu, **öne çıkan snippet’ler** ve doğrudan yanıt kutuları için optimize edilmiş içerik anlamına gelir. ### Marka Otoritesi ve İtibar Yönetimi Tüm dijital ekosistemde tutarlı ve güvenilir bir marka imajı oluşturmak, SEvO’nun başarısı için hayati önem taşır. Kullanıcılar baktıkları kaynağa güvenmek ister. - **Yorum ve Puan Optimizasyonu:** Amazon, Google ve sektörel inceleme siteleri gibi platformlardaki müşteri yorumlarını aktif olarak yönetmek ve olumlu geri bildirimleri teşvik etmek. - **Dijital PR ve Atıf İnşası:** Yüksek otoriteli web sitelerinden ve platformlardan anılma (atıf) kazanmak, genel marka otoritesini artırır ve hem geleneksel hem de AI odaklı arama algoritmalarında güven oluşturur. - **Knowledge Graph Optimizasyonu:** Markanızın, ürünlerinizin veya hizmetlerinizin Google Knowledge Graph’ta doğru ve kapsamlı şekilde temsil edilmesini sağlamak. Bu, özellikle AI destekli arama motorlarındaki doğrudan yanıtlar için önemlidir. ## SEvO’yu Uygulamak: Strateji ve Taktikler SEvO’yu uygulamak, geleneksel bir SEO kampanyasından daha kapsamlı bir planlama ve sürekli izleme gerektirir. Başarılı bir SEvO stratejisi; farklı kanalların analiz edilmesini, platforma özgü optimizasyonu ve entegre bir ölçüm sistemini içerir. ### Platforma Özgü Denetim Stratejiye başlamadan önce markanızın mevcut toplam dijital ayak izini ve her bir öğenin performansını değerlendirmelisiniz. - **Görünürlük Haritası Oluşturmak:** Markanızın nerede göründüğünü (veya görünmesi gerektiğini) belirleyin (Amazon, YouTube, Google, Apple Podcasts vb.). - **Kanal Niyet Analizi:** Her platformdaki kullanıcıların temel niyetini anlayın (ör. YouTube’da öğrenme/eğlence, Amazon’da satın alma) ve içeriğinizi buna göre şekillendirin. - **Performans Boşluğu Analizi:** Hedef kitlenizin arama yaptığı yerlerde markanızın rakiplere kıyasla nerede geride kaldığını tespit edin. Örneğin rakipleriniz Amazon’da zengin A+ içerikli kayıtlara sahipken sizinki basit bir açıklamadan ibaret kalabilir. ### İçerik Dağıtımı ve Yeniden Formatlama Aynı içeriği her kanala kopyalamak yerine, içeriğinizi her platformun gereksinimlerine göre yeniden formatlayarak dağıtın. - **Tek İçerik, Birden Fazla Format:** İçeriği kanallar arasında olduğu gibi çoğaltmak yerine, başarılı bir SEvO yaklaşımı materyalinizi her platformun kendine özgü gereksinimlerine ve tüketim alışkanlıklarına göre yeniden formatlayarak dağıtmayı içerir. Örneğin detaylı bir blog yazısını ele alalım: Web sitesi versiyonu detaylı, uzun formlu rehber olarak hizmet edebilir. Aynı temel bilgi diğer kanallar için dönüştürülmelidir; örneğin YouTube’a yüklenen versiyon özetlenmiş, görselleştirilmiş bir video haline gelir. Sesli tüketim için içerik, Spotify gibi platformlarda bir podcast bölümü olarak sesli versiyona uyarlanabilir. Son olarak Instagram/TikTok gibi kısa video etkileşimine odaklanan platformlar için öne çıkan noktalar yoğunlaştırılarak hızlı ipuçları içeren kısa, dikkat çekici Reels olarak sunulmalıdır. - **Tersine Mühendislik:** Hedef platformda en başarılı içerik türlerini analiz edin (ör. Amazon’daki en çok satan ürün kayıtları) ve içeriğinizi o formatta oluşturun. ### Web Sitesi Trafiğinin Ötesinde Ölçüm SEvO’nun başarısını ölçmek, yalnızca web sitesi trafiğini ve anahtar kelime sıralamalarını izlemenin ötesine geçer. - **Toplam Dijital Erişim:** Farklı platformlardaki genel görünürlük ve erişim metriklerini takip edin (YouTube görüntülemeleri, Amazon ürün sayfası görüntülemeleri, TikTok erişimi, GBP etkileşimleri). - **Çok Kanallı Dönüşümler:** Bir müşterinin satın alma yolculuğu boyunca kaç farklı temas noktasıyla etkileşime girdiğini anlamak için çok kanallı atıf modelleri kullanın (ör. önce bir YouTube videosu, sonra bir Google araması, en sonunda bir Amazon satın alması). - **Sesli Arama Kazanımları:** Markanızın veya içeriğinizin sesli arama sorgularında kaç kez “doğrudan yanıt” olarak seçildiğini izleyin. Search Everywhere Optimization, dijital pazarlamanın kaçınılmaz geleceğidir. Kullanıcıların bilgiye erişme biçimindeki köklü değişimle birlikte, yalnızca Google’ın ilk sayfası için mücadele etmek artık yeterli değil. Başarılı bir SEvO stratejisi, markanın AI sohbet arayüzlerinden e-ticaret platformlarına, sesli aramadan sosyal medya akışlarına kadar dijital ekosistemin her noktasında optimize edilmiş, tutarlı ve güvenilir bir varlık kurmasını gerektirir. Bu kapsamlı yaklaşım yalnızca görünürlüğü artırmakla kalmaz; müşterilere giderek karmaşıklaşan dijital yolculukları boyunca eşlik ederek markanın genel otoritesini ve dönüşüm potansiyelini de en üst düzeye çıkarır. SEvO’yu benimseyen markalar, dijital rekabette öne çıkmaya ve geleceğin arama trendlerine uyum sağlamaya hazırdır. ↑ 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/search-everywhere-optimization-sevo-nedir/) [EN](https://brantial.ai/blog/what-is-search-everywhere-optimization-sevo/) [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; } }