/* ================================================================== TURKBIL — CIHAZ UYUMU DUZELTMELERI ------------------------------------------------------------------ Bu dosya, 320 / 360 / 390 / 414 / 768 / 834 / 1024 / 1280 / 1440 px genisliklerinde dort sayfada (ana sayfa, web-hosting, hakkimizda, iletisim) yapilan OLCUMLERE dayanir. Her blok hangi olcumu duzelttigini yazar. EN SON yuklenir; amac mevcut kurallari ezmek degil, yalnizca olculen kusurlari kapatmaktir. ================================================================== */ /* ------------------------------------------------------------------ 1 · 320 px YATAY TASMASI OLCUM: /iletisim ve /hakkimizda'da belge 329 px, ekran 320 px. Sucu: .tb-header-end (sag denetim kumesi) 329 px'e ulasiyordu. ------------------------------------------------------------------ */ @media (max-width: 360px) { .tb-header-end { gap: .35rem; } .tb-header .tb-icon-btn, .tb-header .tb-kip { width: 38px; height: 38px; } .tb-burger { width: 38px; height: 38px; } /* Kapsayici dolgusu da daraltilir ki kume ekrana sigsin. */ .tb-header > .container, .tb-topbar > .container { padding-inline: .65rem; } } /* Son guvenlik agi: hicbir sey belgeyi yatay kaydirtmasin. Kok tasiyicida clip; icerideki ogelerin kendi overflow-x:auto kutulari (karsilastirma tablosu gibi) etkilenmez. */ @media (max-width: 575.98px) { /* YEDEKLI YAZIM: `clip` Safari 16'dan once yok. Once `hidden` yaziliyor (her yerde calisir), hemen ardindan `clip` geliyor; destekleyen tarayici ikincisini kullanir. `clip` tercih edilir cunku `hidden` bazi durumlarda position:sticky'yi bozar. */ html, body { overflow-x: hidden; overflow-x: clip; } } /* ------------------------------------------------------------------ 2 · KAYAN LOGO SERIDI OLCUM: ana sayfada 360-414 px'te 32-38 px tasma; .tb-serit-liste 2947 px genisliginde ve kapsayicisi kirpmiyordu. ------------------------------------------------------------------ */ .tb-serit, .tb-serit-sar, .tb-serit-kap { max-width: 100%; overflow: hidden; } /* ------------------------------------------------------------------ 3 · DOKUNMA HEDEFLERI OLCUM: 360 px'te 23-28 adet oge 36 px'in altinda. Parmak icin onerilen en kucuk alan 44x44 px. Gorunumu buyutmek yerine TIKLAMA ALANINI buyutuyoruz: oge ayni kaliyor, cevresine gorunmez pay ekleniyor. ------------------------------------------------------------------ */ /* 1024 px DAHIL: iPad yatay da dokunmatik bir cihaz. */ @media (max-width: 1024px) { /* Donem secici (Aylik / Yillik): olculen 63x34 */ .billing-option { min-height: 44px; display: inline-flex; align-items: center; } /* "Odeme Seceneklerini Karsilastir": olculen 216x21 */ .plan-card .btn-link { min-height: 44px; display: inline-flex; align-items: center; } /* Ust serit baglantilari: olculen 22x27 ve 31x27. min-width de gerekli: ikon-only baglanti 22 px kaliyordu. */ .tb-topbar-oge, .tb-topbar-yardim { min-height: 40px; min-width: 40px; display: inline-flex; align-items: center; justify-content: safe center; } /* Iletisim sayfasi: olculen 212x23, 128x31, 112x22 */ .contact-method-value, .contact-method-body .btn, .contact-office-meta a { min-height: 40px; display: inline-flex; align-items: center; } /* Altbilgi baglantilari. ILK DENEMEDE .site-footer SECTIM, TUTMADI: bu temada altbilgi .tb-footer-* siniflarini kullaniyor. DOM yolu olculerek dogru secicilere gecildi. */ .tb-footer-marka address a, .tb-footer-bottom nav a, .drawer-link, .tb-sss-dip a, .tb-yazi-tum { min-height: 40px; display: inline-flex; align-items: center; } /* Footer menu baglantilari alt alta durmali: inline-flex yan yana akitip "Web Hosting WordPress Hosting" diye tek satira diziyordu. */ .tb-footer-col a { min-height: 40px; display: flex; align-items: center; } /* Alan adi uzanti rozetleri: olculen 47-65 x 32 */ .tb-domain-exts button { min-height: 40px; } /* Cerez seridi dugmeleri: olculen 132x32 */ .cookie-btn { min-height: 40px; display: inline-flex; align-items: center; justify-content: safe center; } } /* Slider noktalari: gorunurde 4 px yuksek bir cubuk, ama dokunma alani 44 px olmali. ILK DENEME BASARISIZDI: ::after ile gorunmez pay eklemistim, ama ogede ilerleme cubugu icin overflow:hidden var — pay kirpiliyordu ve tiklama alani 4 px'te kaliyordu (olculdu). Dogru yol DOLGU: oge 44 px olur, arka plan yalnizca ICERIK kutusuna (4 px) boyanir. Ilerleme cubugu da ayni serite oturur. */ .tb-slayt-nokta { position: relative; box-sizing: border-box; /* !important: turkbil-katalog.css bu dosyadan SONRA yukleniyor ve height:4px'i geri aliyordu (olculdu: 26x4 kaldi). */ height: 44px !important; padding-block: 20px !important; /* !important: turkbil-katalog.css'teki `background:` KISAYOLU background-clip'i border-box'a sifirliyor ve nokta koca bir gri hapa donuyordu (olculdu: kirpma=border-box). */ background-clip: content-box !important; } .tb-slayt-nokta .tb-slayt-ilerleme { inset-block: 20px; } /* Sosyal baglantilar: eski olcumde 19 px idi. */ .site-footer .social-link, .tb-sosyal a { min-width: 40px; min-height: 40px; display: inline-grid; place-items: center; } /* ------------------------------------------------------------------ 4 · COK KUCUK YAZILAR OLCUM: .tb-donem 10,2 · .tb-uyg-rozet 10,2 · .tb-kiyas-sec 10,9 · .tb-hizmet-adet 11,2 · .badge 11,3 px. Buyuk harf + genis harf araligi kucuk puntoda daha da zor okunur; taban 11,5 px'e cekildi, govde metni hissi verenler 12 px'e. ------------------------------------------------------------------ */ /* !important ZORUNLU: kategori sayfasinda turkbil-katalog.css {block name=head} icinden, yani BU DOSYADAN SONRA yukleniyor. Ilk denemede importsuz yazilmisti ve .tb-uyg-rozet 10,2 px'te kalmisti (olculdu). Yukleme sirasini degistirmek yerine burada bilincli olarak import kullaniliyor — dosyanin tamami zaten "olculen kusuru kapat" amacli. */ .tb-donem { font-size: .72rem !important; } /* 10.2 -> 11.5 */ .tb-uyg-rozet { font-size: .72rem !important; } /* 10.2 -> 11.5 */ .tb-kiyas-sec { font-size: .72rem !important; } /* 10.9 -> 11.5 */ .tb-hizmet-adet { font-size: .75rem !important; } /* 11.2 -> 12 */ .badge { font-size: .75rem; } /* 11.3 -> 12 */ /* Kalan 11,5-11,8 px'likler de 12'ye cekildi: 12 px govde metni icin yaygin taban, altinda kucuk ekranda okuma zorlasiyor. */ .tb-donem, .tb-uyg-rozet, .tb-kiyas-sec { font-size: .75rem !important; } .tb-pa-wa small, .tb-pa-tk small, .tb-kiyas-fiyat td small { font-size: .75rem !important; } /* Son tur olcumde kalanlar (11,8 px): */ .tb-hizmet-fiyat small, .tb-mk-etiket, .tb-mk-kutular small, .tb-mv-etiket { font-size: .75rem !important; } .tb-slayt-etiket, .tb-sss-eyebrow, .tb-neden-ust, .tb-yazi-ust, .tb-serit-bas, .eyebrow { font-size: .75rem !important; } /* 11.4-11.8 -> 12 */ /* ------------------------------------------------------------------ 5 · HAKKIMIZDA KENAR CUBUGU OLCUM: 320 px'te .about-nav-link 377 ve 504 px'e tasiyordu. ------------------------------------------------------------------ */ @media (max-width: 575.98px) { .about-nav, .about-sidebar { display: flex; gap: .4rem; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .about-nav::-webkit-scrollbar, .about-sidebar::-webkit-scrollbar { display: none; } .about-nav-link { flex: 0 0 auto; white-space: nowrap; min-height: 40px; display: inline-flex; align-items: center; } } /* ------------------------------------------------------------------ 6 · TABLET ARALIGI (768-1024) Kategori slider'i tek sutuna duser; gorsel alani orada gereksiz uzun kalmasin. ------------------------------------------------------------------ */ /* Slider kumandasi: ok dugmeleri 34 px olculdu, dokunmatik araliкta buyutuluyor. Masaustunde (fare) 34 px zaten yeterli. */ @media (max-width: 1024px) { .tb-slayt-ok { width: 40px; height: 40px; } } @media (min-width: 768px) and (max-width: 1024px) { .tb-slayt-gorsel { min-height: 300px; } .tb-slayt-ozellik { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ================================================================== 7 · FORMLAR VE IC SAYFALAR (mobil) ------------------------------------------------------------------ Tum sayfalar 320-414 px'te tarandi. Yatay tasma ve 12 px alti yazi KALMADI; kalan kusurlar form denetimleri ve kucuk dugmelerdi: /hesap-olustur .form-select / .form-control 31-35 px .form-check-input 16x16 .iti__selected-country 73x35 /yazilimlar .software-search input 224x31 select.form-select 208x31 blog sayfalari .news-share .btn 32x31 .blog-tag 97x31 .blog-comment-gate .btn 96x31 .breadcrumb-item a 26x18 ================================================================== */ @media (max-width: 1024px) { /* Form alanlari: 44 px dokunma yuksekligi. font-size 16 px AYRICA GEREKLI: iOS Safari, 16 px'ten kucuk yazili bir alana dokunulunca sayfayi otomatik yakinlastirir ve kullanici elle geri uzaklastirmak zorunda kalir. */ .form-control, .form-select, .wui-input, .software-search input { min-height: 44px; font-size: 16px; } textarea.form-control { min-height: 96px; } /* Onay kutusu ve radyo: 16x16 cok kucuk. */ .form-check-input { width: 1.25rem; height: 1.25rem; margin-top: .15rem; } .form-check-label { min-height: 28px; display: inline-flex; align-items: center; } /* Telefon ulke secici (intl-tel-input) */ .iti__selected-country { min-height: 44px; } /* Blog / bilgi tabani kucuk dugmeleri */ .news-share-actions .btn, .blog-comment-gate-actions .btn, .blog-tag { min-height: 40px; display: inline-flex; align-items: center; justify-content: safe center; } .news-share-actions .btn { min-width: 40px; } /* Kirinti yolu baglantilari */ .breadcrumb-item a { min-height: 36px; display: inline-flex; align-items: center; } /* "Zaten hesabiniz var mi? Giris yapin" gibi satir sonu baglantilari */ p.text-center > a, .form-section a.fw-semibold { min-height: 36px; display: inline-flex; align-items: center; } } /* ================================================================== 8 · (KALDIRILDI) OTOMATIK KATLAMA ------------------------------------------------------------------ .tb-header-dar / .tb-header-olcum kurallari vardi; turkbil-ustbar.js menuyu olcup katliyordu. Panel dugmesi ikona cevrilerek menuye 93 px acildiktan sonra gereksiz kaldi — ve kullanicinin ekraninda yanlis katliyordu. Menuyu artik yalnizca asagidaki kirilma noktasi yonetir. ================================================================== */ /* ================================================================== 9 · MASAUSTU MENUSU DAHA DAR EKRANLARDA DA GORUNSUN ------------------------------------------------------------------ Tema 991.98 px'in altinda menuyu gizleyip hamburger'e geciyordu. 13" MacBook'ta tarayici yarim ekranda ya da %125 yakinlastirilmisken gorunum genisligi 992'nin ALTINA duser — kullanici sekmeleri hic goremez, oysa yer vardir. OLCUM: 992 px'te menu aciliyor ve logo ile arasinda 19 px bosluk kaliyor. Daha dar yerde de sigmasi icin menu KADEMELI SIKISTIRILIYOR (aralik ve punto), 860 px'e kadar aciik kaliyor. Altinda hamburger dogru karar: o genislikte sikistirma okunakliligi bozuyor. Not: turkbil-ustbar.js yine gercek olcume bakar; sigmazsa yine katlar. Bu kural yalnizca ALANI genisletir, guvenligi kaldirmaz. ================================================================== */ /* ALT SINIR 920 px — OLCUMLE BELIRLENDI, tahminle degil: logo 152 + menu 563 + sag kume 125 = 840 px yer gerekiyor. 960 px -> 28 px pay ✓ 920 px -> 15 px pay ✓ (en dar guvenli nokta) 900 px -> 4 px TASMA ✗ 880 px -> 24 px TASMA ✗ Bu yuzden 920'nin altinda hamburger dogru karar. */ @media (min-width: 920px) and (max-width: 991.98px) { .tb-nav { display: flex !important; } .tb-burger { display: none !important; } /* Sikistirma: once aralik, sonra punto. KULLANICI GERI BILDIRIMI: ilk ayarla (aralik .1rem, dolgu .5rem, punto .88rem) sekmeler Safari'de UST USTE BINDI. Safari yazilari Chromium'dan genis cizer, benim 15 px'lik payim eriyor. Bu yuzden daha sert sikistirildi ve asagida bir de TASMA GUVENLIGI var: sekmeler hicbir kosulda birbirine giremez. */ .tb-nav { gap: 0; flex-wrap: nowrap; } .tb-nav > li { flex: 0 0 auto; } .tb-nav > li > a, .tb-nav > li > button { padding-inline: .34rem; font-size: .82rem; white-space: nowrap; } /* Acilir menu oklari da yer kapliyor; daraltiliyor. */ .tb-nav > li > a > .bi, .tb-nav > li > button > .bi { margin-inline-start: .12rem; font-size: .7rem; } /* Logo da bu aralikta kuculsun — en cok yeri o kapliyor. */ .tb-header .tb-logo img { max-height: 30px; width: auto; } /* Sag kume daralsin ki menuye yer kalsin. OLCULDU: 880 px'te "Musteri Paneli" IKI SATIRA sariyor ve sepet ile gece/gunduz dugmeleri ekran disina tasiyordu. Bu aralikta panel dugmesi YALNIZCA IKON olur — tam metin yan menude duruyor, erisilebilir ad da korunuyor. */ .tb-header-end { gap: .35rem; } .tb-header .tb-icon-btn, .tb-header .tb-kip { width: 38px; height: 38px; } .tb-header .tb-panel-btn { width: 38px; height: 38px; padding: 0; justify-content: safe center; gap: 0; white-space: nowrap; } /* Dugmenin METNINI gizle, ikonu birak. DIKKAT: metin bir degil, CIPLAK METIN DUGUMU (`Müşteri Paneli`). Bu yuzden cocuk secici ise yaramiyor — ilk denemede kutu 38 px oldu ama yazi disina tasti ve sag kume ekrani 24 px asti (olculdu). Dogru yol: dugmede font-size:0, ikonda geri ac. Metin erisilebilirlik agacinda kalir, yalnizca gorsel olarak yok olur. */ .tb-header .tb-panel-btn { font-size: 0; overflow: hidden; } .tb-header .tb-panel-btn > i, .tb-header .tb-panel-btn > svg { font-size: 1.05rem; } } /* ================================================================== "MUSTERI PANELI" 1200 px ALTINDA YALNIZCA IKON ------------------------------------------------------------------ OLCUM (gercek Chrome, 1076 px — kullanicinin ekrani): kapsayici 1076 = logo 152 + menu kutusu 622 + sag kume 238 menu icerigi 622 · menu kutusu 622 -> PAY SIFIR Chrome'da kil payi siginiyor. Safari yazilari daha genis cizdigi icin icerik ~650'ye cikiyor, kirpiliyor ve menu katlaniyordu. Kullanici 1076 px'te hamburger goruyordu — sebebi buydu. En buyuk kazanc sag kumede: "Musteri Paneli" yazisi ~100 px yer kapliyor. 1200 px altinda dugme ikona donuyor; tam metin yan menude duruyor ve erisilebilirlik agacinda kaliyor (font-size:0, display degil). Boylece menuye ~90 px nefes payi aciliyor. ================================================================== */ @media (max-width: 1199.98px) { .tb-header .tb-panel-btn { width: 42px; height: 42px; padding: 0; justify-content: center; gap: 0; font-size: 0; overflow: hidden; white-space: nowrap; } .tb-header .tb-panel-btn > i, .tb-header .tb-panel-btn > svg { font-size: 1.05rem; } } /* TUM MASAUSTU GENISLIKLERINDE olculu sikistirma. NEDEN HEPSINDE: sikistirma yalnizca 1180 px'e kadar uygulaniyordu; sonucu absurttu — 1440 px'te %110 yazida menu KATLANIYOR, 1280 px'te KATLANMIYORDU. Genis ekran dar ekrandan once pes ediyordu. Ayni nefes payi her genislikte olmali. */ @media (min-width: 992px) { .tb-nav { gap: .05rem; flex-wrap: nowrap; } .tb-nav > li { flex: 0 0 auto; } .tb-nav > li > a, .tb-nav > li > button { padding-inline: .42rem; font-size: .86rem; white-space: nowrap; } } /* ================================================================== TASMA GUVENLIGI — ASIL KUSUR BURADAYDI ------------------------------------------------------------------ Ust bolum 992 px ustunde IZGARA kullaniyor: grid-template-columns: auto minmax(0, 1fr) auto; .tb-header .tb-nav { justify-self: center; } `justify-self: center` menuyu sutunu DOLDURMADAN ortalar. Menunun kendi genisligi sutundan buyukse iki yana SIMETRIK TASAR: solda logonun, sagda "Musteri Paneli"nin uzerine biner. Kullanicinin Safari'de gordugu tam olarak buydu ("anasayfa ve logo binmis, iletisim ve musteri paneli binmis"). Onceki olcumlerimde sol ve sag bosluklarin ikisinin birden -10 px cikmasi da bunun isaretiydi; simetrik olmasi tesaduf degildi. COZUM: menu sutunu DOLDURSUN (stretch), icerik yine ortada dursun (justify-content: center), sigmazsa DISARI tasmak yerine KENDI ICINDE kaysin. Boylece komsularina asla giremez. ================================================================== */ /* MENU KENDI DOGAL GENISLIGINI ALIR — KIRPILMA IMKANSIZ ------------------------------------------------------------------ Gecmis: menuyu once sutuna GERDIM (stretch) + overflow-x: auto verdim. Amac tasmayi onlemekti ve Chrome'da calisiyordu (olculen pay %46). Ama Safari'de sutun daha dar hesaplanip son sekme kirpiliyor, "Iletisim" yalnizca "I" olarak gorunuyordu. Kirpma, binmeden daha kotu: binmede yazi hic olmazsa okunur. Bu yuzden kirpma mekanizmasi tamamen kaldirildi: • orta sutun ICERIGE gore boyutlanir (auto), menu asla sikismaz • overflow yok -> hicbir sekme kesilmez • yan sutunlar artani paylasir Sigmazsa 920 px kirilma noktasi devreye girer; arada belirsiz bir bolge kalmaz. */ .tb-header .tb-shell { grid-template-columns: auto auto auto !important; } .tb-header .tb-nav { justify-self: center; flex-wrap: nowrap; overflow: visible; min-width: 0; } .tb-header .tb-nav > li { flex: 0 0 auto; } .tb-header .tb-nav > li > a, .tb-header .tb-nav > li > button { white-space: nowrap; } .tb-nav { flex-wrap: nowrap; min-width: 0; } .tb-nav > li { flex: 0 0 auto; } .tb-nav > li > a, .tb-nav > li > button { white-space: nowrap; } /* ================================================================== 10 · ACILIR MENU, UST BOLUM DUGMELERININ ALTINDA KALSIN ------------------------------------------------------------------ OLCUM (gercek Chrome, 1076 px, Iletisim uzerindeyken): sag kume alt kenari : y=101 .tb-mega ust kenari : y=108 -> yalnizca 7 px Geometrik kesisme yok ama panelin z-index'i 60, sag kumenin hic z-index'i yok. Bu fark tarayiciya gore panelin dugmelerin UZERINE boyanmasina yol acabiliyor — kullanici Safari'de bunu gordu. Iki onlem birden: 1. Sag kume panelin USTUNDE bir katmana alinir (z-index 70). 2. Panel biraz daha asagi iner; 7 px'lik pay 16 px'e cikar. ================================================================== */ .tb-header .tb-header-end { position: relative; z-index: 70; } .tb-header .tb-logo { position: relative; z-index: 70; } /* Acilir panel biraz daha asagidan baslasin (hover koprusu korunur: padding seffaftir, fare bosluga dusmez). */ .tb-mega { padding-top: 20px; } /* ================================================================== 11 · MENU ILE SAG KUME ARASINDA GARANTILI AYRIM ------------------------------------------------------------------ OLCUM (Chrome, 1076 px): "Iletisim" sekmesinin vurgu kutusu 713-789, panel dugmesi 915 -> 126 px ara. Chrome'da bol bol yer var. Safari yazilari genis cizdigi icin menu buyuyor ve bu bosluk eriyebiliyor; kullanici vurgu kutusunun dugmeye degdigini gordu. Kolon araligi SABIT bir en az degere baglandi: tarayici ne kadar genis yazi cizerse cizsin, menu ile dugmeler arasinda daima gorunur bir bosluk kalir. ================================================================== */ .tb-header .tb-shell { column-gap: clamp(1.5rem, 3vw, 2.75rem) !important; } /* Vurgu kutusu sekmenin kendi sinirinda kalsin ve yumusak koseli olsun; kare kenar, cevresindeki yuvarlak ogelerle uyumsuz duruyordu. */ .tb-header .tb-nav > li > a, .tb-header .tb-nav > li > button { border-radius: 10px; background-clip: padding-box; } /* ================================================================== KAPSAYICI SOZLESMESI (2026-10-13) — TUM SAYFALAR Hem temanin .tb-shell'i hem cekirdek/Bootstrap .container'i: width 100%, max-width 1440px, ortali, her iki yanda EN AZ 20px ic bosluk (14" ve kucuk ekranlarda icerik kenara yapismaz). Bootstrap'in kirilim bazli 540/720/960/1140/1320 tavanlari kaldirildi; kapsayici 1440'a kadar akiskan. Bu dosya en son yuklendigi icin kazanir. ================================================================== */ :root { --tb-gutter: 20px; } /* --tb-shell: turkbil.css (panel ayari) */ .tb-shell { width: 100%; max-width: var(--tb-shell); margin-inline: auto; padding-inline: var(--tb-gutter); box-sizing: border-box; } .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; max-width: var(--tb-shell, 1440px); margin-inline: auto; padding-inline: 20px; box-sizing: border-box; } /* >=992px: Bootstrap .g-lg-5 satirlari 24px negatif kenar kullanir; kapsayici bunu karsilasin ki yatay tasma olmasin */ @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { padding-inline: 24px; } } /* 2026-10-22 OLCUM: uzun menulu dillerde (ru 1200-1280 px) menu logo ve hesap dugmesinin altina giriyordu (kullanici ekrani: logo "Главная" ustunde). 992-1399 px'te yalnizca bu dillerde aralik daraltilir; tr/en/zh/ja/ko menuleri sigiyor, dokunulmadi. */ @media (min-width: 992px) and (max-width: 1399.98px) { html:not([lang="tr"]):not([lang="en"]):not([lang="zh"]):not([lang="ja"]):not([lang="ko"]) .tb-header .tb-shell { column-gap: 1.25rem !important; } html:not([lang="tr"]):not([lang="en"]):not([lang="zh"]):not([lang="ja"]):not([lang="ko"]) .tb-nav { gap: 0; } html:not([lang="tr"]):not([lang="en"]):not([lang="zh"]):not([lang="ja"]):not([lang="ko"]) .tb-nav > li > a, html:not([lang="tr"]):not([lang="en"]):not([lang="zh"]):not([lang="ja"]):not([lang="ko"]) .tb-nav > li > button { padding-inline: .5rem; } } @media (min-width: 992px) and (max-width: 1239.98px) { html:not([lang="tr"]):not([lang="en"]):not([lang="zh"]):not([lang="ja"]):not([lang="ko"]) .tb-nav > li > a, html:not([lang="tr"]):not([lang="en"]):not([lang="zh"]):not([lang="ja"]):not([lang="ko"]) .tb-nav > li > button { padding-inline: .38rem; font-size: .8rem; } } /* hesap dugmesindeki ad uzunsa kisalsin (bas harf rozeti kaldirildi) */ .tb-hesap-ad { max-inline-size: 9.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }