/* 14 Eki 2026 - v1.99.80: Halil: bir kademe daha kucuk, basliklar telefonda 2 satira daha cok sigsin. Olculdu (400 yazi basligi, Georgia kalin): telefonda H1 23->21px ile 2 satira sigan %52-70 -> %63-77; tablet H1 25->24, masaustu 29->28; masaustu govde 17->16. */
/* 14 Eki 2026 - v1.99.78: Halil: punto bir kademe kucuk - govde ve basliklar (--fs-2..6) 1px kuculdu (telefon 16, masaustu 17px); arayuz yazilari (--fs-0/1) ayni. Fiyat/miktar/tablo rakamlarinda tabular-nums kaldirildi: Georgia ve sistem fontunda esit genislikli rakamlar 'sayilar arasinda bosluk' gibi gorunuyordu. */
/* font.py: indirilen yazi tipi yok (sistem fontu) + okuma katmani */
/* punto.py: font-size +0 px (h1 haric), tepe logo 48px */

/* TASARIM BELIRTECLERI (14 Eki 2026, tasarim). TEK KAYNAK: renk, punto, satir araligi,
   harf araligi, bosluk. :root'ta: kabuk (ust serit, alt bilgi) ve govde ayni degerleri okur;
   kabuk.css'teki kopya bloklar kaldirildi. Punto olcegi (px):
     telefon  13 / 15 / 17 / 20 / 22 / 24 / 30   (iOS tip rampasi: dipnot, alt baslik, govde, baslik 3)
     >=760    13 / 15 / 18 / 21 / 23 / 26 / 40   >=1120 h1 30
   --fs-0 etiket, --fs-1 kunye/kart alt metni/tablo/dugme, --fs-2 govde, --fs-3 h3,
   --fs-4 h2, --fs-5 h1, --fs-6 vitrin. rem: okurun tarayici punto ayarina uyar.
   Renkler WCAG: metin/zemin 15.6:1, gri 7.9:1, gri2 5.7:1, marka 5.8:1, dugme 6.1:1
   (koyu kip: 15:1, 7.9:1, 6.1:1, 8.7:1, dugme yazisi --zit 9.2:1).
   --r0 ve --noel-kirmizi eskiden kabuk.css'te hic eslesmeyen secicilerdeydi (body icinde body):
   acik kipte --r0 koyu kipin rengini aliyordu, noel kirmizisi hic tanimsizdi. Burada duzeldi. */
:root{--kagit:#FAF8F4;--kart:#FFFEFB;--mu:#F3EFE8;--cizgi:#E4DDD3;--metin:#231E1A;--gri:#544C43;--gri2:#6B6156;--marka:#A3460A;--marka-koyu:#8E3F07;--marka-zemin:#FAF2EA;--marka-cizgi:#EADCCD;--yt:#CC0000;--yesil:#1A6B3C;--mavi:#15618F;--kiremit:#9C4418;--zit:#fff;--r0:#6B4A2E;--noel-kirmizi:#B3261E;
--serif:Georgia,"Noto Serif","Times New Roman",serif;--govde:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--fs-0:.8125rem;--fs-1:.9375rem;--fs-2:1rem;--fs-3:1.125rem;--fs-4:1.25rem;--fs-5:1.3125rem;--fs-6:1.75rem;
--lh-govde:1.65;--lh-sik:1.35;--lh-baslik:1.2;--ls-etiket:.06em;--ls-baslik:-.01em;
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--olcu:68ch}
@media(min-width:760px){:root{--fs-2:1rem;--fs-3:1.1875rem;--fs-4:1.3125rem;--fs-5:1.5rem;--fs-6:2.25rem}}
@media(min-width:1120px){:root{--fs-5:1.75rem}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--kagit:#16130F;--kart:#1E1A16;--mu:#241F1A;--cizgi:#352E26;--metin:#EDE6DC;--gri:#B9AE9F;--gri2:#A39888;--marka:#F2A869;--marka-koyu:#F8C193;--marka-zemin:#2B1D11;--marka-cizgi:#3F2B1A;--yt:#FF6B6B;--yesil:#6DC694;--mavi:#7FBAE0;--kiremit:#E2A074;--zit:#1A140F;--r0:#C9A27E;--noel-kirmizi:#F2A49E;color-scheme:dark}}
.gbc-yeni *{box-sizing:border-box}
/* Ok kurali: ic baglanti → sag · ortaklik ve dis site ↗ capraz · sayfa ici ↓ asagi. Hepsi ayni sinif, ayni boy, ayni renk. */
/* Gorsel istege bagli: yoksa kart gorselsiz oturur, eklenince otomatik gelir. */
/* Video istege bagli: vlog yoksa butun video ogeleri kalkar, hero tek sutuna duser. */.gbc-yeni.alakasiz .alakali-video{display:none !important}
/* Butun oklar tipatip ayni: sabit boy, sabit kalinlik, sabit renk. Kapsayicinin boyu etkilemez. */.gbc-yeni .ok{color:var(--marka);font-size:var(--fs-0);font-weight:700;line-height:1;margin-left:3px;display:inline-block;vertical-align:baseline;font-family:var(--govde)}
/* Video kartlari: mobilde iki sutun, genis ekranda uc. Sayfayi asagi itmesin. */.gbc-yeni .vid-izgara{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gbc-yeni .vid-izgara h3{font-size:var(--fs-1);line-height:1.3}.gbc-yeni .vid-izgara .kucuk{font-size:var(--fs-0)}.gbc-yeni{background:var(--kagit);color:var(--metin);font-family:var(--govde);font-size:var(--fs-2);line-height:var(--lh-govde);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}.gbc-yeni h1,.gbc-yeni h2,.gbc-yeni h3,.gbc-yeni h4{font-family:var(--serif);font-weight:700;margin:0;letter-spacing:var(--ls-baslik)}.gbc-yeni h3{text-wrap:balance}.gbc-yeni h1{text-wrap:balance}.gbc-yeni h1{font-size:var(--fs-5);line-height:1.15}
/* h1 >=1120 px'te 30: --fs-5 :root'ta buyuyor (eski 29 px kurali) */
.gbc-yeni h2{font-size:var(--fs-4);line-height:var(--lh-baslik);text-wrap:pretty}.gbc-yeni h3{font-size:var(--fs-2);line-height:1.3}.gbc-yeni main>h3,.gbc-yeni main>section>h3,.gbc-yeni main>section>.bas h3{font-size:var(--fs-3)}.gbc-yeni h4{font-size:var(--fs-2);line-height:1.35}.gbc-yeni p{margin:0}.gbc-yeni a{color:var(--marka);font-weight:600;text-decoration:none}.gbc-yeni a:hover{text-decoration:underline;text-underline-offset:3px}.gbc-yeni .et{font-size:var(--fs-0);font-weight:700;letter-spacing:var(--ls-etiket);text-transform:uppercase;color:var(--gri2)}.gbc-yeni .kucuk{font-size:var(--fs-1);color:var(--gri);line-height:1.5;font-weight:400}.gbc-yeni .kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px}.gbc-yeni .rozet{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;background:var(--mu);border:1px solid var(--cizgi);font-size:var(--fs-1);color:var(--gri)}.gbc-yeni .reklam-et{padding:2px 7px;border-radius:5px;background:var(--mu);border:1px solid var(--cizgi);font-size:var(--fs-0);font-weight:700;letter-spacing:.5px;color:var(--gri);text-transform:uppercase}.gbc-yeni .dugme{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:0 20px;border-radius:11px;background:var(--marka);color:var(--zit);font-size:var(--fs-1);font-weight:700;text-decoration:none}.gbc-yeni .dugme.ikincil{background:var(--kart);color:var(--marka);border:1.5px solid var(--marka-cizgi)}
/* Dolu zeminli dugmede ok beyaz, ikincil dugmede marka renginde */.gbc-yeni .dugme .ok{color:var(--zit)}.gbc-yeni .dugme.ikincil .ok{color:var(--marka)}
/* Kart ici baglanti satiri: video + kendi rehberi, tek hizada, ustte ince cizgi */.gbc-yeni .kart-bag{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid var(--cizgi)}.gbc-yeni .kart-bag a{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-1);font-weight:600;line-height:1.35;min-width:0}.gbc-yeni .kart-satis{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--cizgi)}.gbc-yeni .kart-bag + .durak-satis,.gbc-yeni .kart-bag + .kart-satis{border-top:0;margin-top:0;padding-top:7px}
/* Video kapaliyken satir gizlenirse satis satiri kendi cizgisini geri alir */.gbc-yeni .izgara{display:grid;gap:12px}.gbc-yeni table{width:100%;border-collapse:collapse;font-variant-numeric:normal}.gbc-yeni th,.gbc-yeni td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--cizgi);font-size:var(--fs-1);vertical-align:top}.gbc-yeni td.fiyat{white-space:nowrap;font-weight:600}.gbc-yeni tr:last-child td{border-bottom:0}.gbc-yeni th{font-size:var(--fs-0);letter-spacing:.8px;text-transform:uppercase;color:var(--gri2);font-weight:700}.gbc-yeni .kaydir{overflow-x:auto}
/* Fiyat tablosu dar ekranda: Ne + Fiyat tek satir, not altina. Yatay kaydirma yok. */
@media(max-width:560px){.gbc-yeni #fiyat thead{display:none}.gbc-yeni #fiyat table,.gbc-yeni #fiyat tbody{display:block;width:100%}.gbc-yeni #fiyat tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;border-bottom:1px solid var(--cizgi)}.gbc-yeni #fiyat tr:last-child{border-bottom:0}.gbc-yeni #fiyat td{display:block;padding:0;border:0}.gbc-yeni #fiyat td:nth-child(1){flex:1 1 auto;font-weight:600;font-size:var(--fs-1)}.gbc-yeni #fiyat td:nth-child(2){flex:0 0 auto;text-align:right;white-space:nowrap;font-size:var(--fs-1)}.gbc-yeni #fiyat td:nth-child(3){flex:1 0 100%;font-size:var(--fs-1);color:var(--gri2)}.gbc-yeni #fiyat .kaydir{overflow-x:visible}
}.gbc-yeni details{border-bottom:1px solid var(--cizgi)}.gbc-yeni details:last-child:not(.kart){border-bottom:0}.gbc-yeni summary{cursor:pointer;padding:13px 0;font-weight:700;font-size:var(--fs-1);list-style:none;display:flex;justify-content:space-between;gap:12px}.gbc-yeni summary::-webkit-details-marker{display:none}.gbc-yeni summary::after{content:"+";color:var(--gri2);font-weight:400;font-size:var(--fs-3);line-height:1}.gbc-yeni details[open] summary::after{content:"\2212"}.gbc-yeni details p{padding:0 0 13px;font-size:var(--fs-1);color:var(--gri)}.gbc-yeni #fiyat details p{padding-bottom:0}.gbc-yeni #fiyat details > div{padding-bottom:13px}.gbc-yeni section{margin-top:36px;scroll-margin-top:62px}.gbc-yeni .sut > main > section:first-of-type{margin-top:0}.gbc-yeni .yan > :first-child{margin-top:0}.gbc-yeni .bas{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:13px}
/* --- görünüm anahtarı --- */.gbc-yeni{max-width:1180px;margin:0 auto;padding:0 16px;padding-block:0 60px;transition:max-width .25s}.gbc-yeni .hero{display:grid;gap:16px}
.gbc-yeni .sut{display:grid;gap:36px;margin-top:26px}
@media(min-width:760px){.gbc-yeni:not(.mobil) .hero{grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:start} }
/* YAN SUTUN VE YAPISKAN REKLAM. Yan sutunun tamami yapiskan yapilirsa,
   sutun ekrandan uzunsa hicbir sey ekranda kalmiyor. Onun yerine sutun
   normal akiyor, icindeki 300x250 kendi basina yapiskan duruyor: sayfa
   asagi kaydikca reklam ekranda kaliyor. Sutun satir boyunca uzadigi
   icin (align-items:stretch) reklam yazinin sonuna kadar ekranda. */
@media(min-width:1000px){.gbc-yeni:not(.mobil) .sut{grid-template-columns:minmax(0,1fr) 316px;align-items:stretch}.gbc-yeni:not(.mobil) .yan{position:static;align-self:stretch}.gbc-yeni:not(.mobil) .ik{grid-template-columns:1fr 1fr}.gbc-yeni:not(.mobil) .uc{grid-template-columns:repeat(3,1fr)} }
@media(min-width:620px){.gbc-yeni:not(.mobil) .ik{grid-template-columns:1fr 1fr} }.gbc-yeni:not(.mobil) .yan-mobil{display:none}
@media(max-width:999px){.gbc-yeni .yan-masa{display:none} }
@media(min-width:1000px){.gbc-yeni:not(.mobil) .yan-mobil{display:none} }
/* REKLAM ALANLARI. Tek kalip, butun sayfa turlerinde ayni yerler:
   - yan sutunun en altinda 300x250, sutun yapiskan oldugu icin sayfa
     asagi kaydikca ekranda kalir
   - icerik arasinda iki yuva, ORTAKLIK BLOKLARINDAN UZAKTA: reklam ile
     bizim ortaklik baglantimiz yan yana gelmez, okur hangisinin ne
     oldugunu karistirmasin
   - mobilde yan sutun gizlendigi icin orada yalniz icerik yuvalari kalir
   Hepsi .reklam-yuva tasiyor: kontrol cubugundaki tek dugme hepsini
   birden acip kapatiyor. */
/* Galeri: kendi cektigimiz gorseller. Veri yoksa blok hic cizilmez. */.gbc-yeni .galeri{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;margin-top:13px}
/* Tek bakista izgarasi: on iki sutunluk taban, sutunu izgaraOtur seciyor */.gbc-yeni .ozet-kutu{padding:11px;border-radius:11px;background:var(--mu)}.gbc-yeni .ozet-deger{font-size:var(--fs-2);font-weight:700;margin-top:3px;line-height:1.3}.gbc-yeni .galeri figure{margin:0;min-width:0}.gbc-yeni .galeri figcaption{font-size:var(--fs-1);color:var(--gri2);margin-top:5px;line-height:1.35}
/* Hero giris paragrafi: sutunu doldurur, sagda bosluk birakmaz */.gbc-yeni .hero-giris{font-family:var(--serif);font-size:var(--fs-1);line-height:1.62;text-wrap:pretty}.gbc-yeni .atla{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:4px}
@media(min-width:760px){.gbc-yeni:not(.mobil) .atla{grid-template-columns:repeat(3,1fr)} }.gbc-yeni .atla a{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:10px;border:1px solid var(--cizgi);background:var(--kart);text-decoration:none;min-width:0;font-size:var(--fs-0);font-weight:700;color:var(--metin);line-height:1.2}.gbc-yeni .atla a:hover{border-color:var(--marka-cizgi);background:var(--marka-zemin)}.gbc-yeni .atla .sayi{flex:none;min-width:21px;height:20px;padding:0 5px;border-radius:6px;background:var(--marka-zemin);color:var(--kiremit);font-size:var(--fs-0);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.gbc-yeni .atla a:hover .sayi{background:var(--kart)}.gbc-yeni .atla .ad{min-width:0}
/* ARA BANTTA DA HERO IKI SUTUN. Onceki iki deneme de yanlisti:
   tam genislikte kapak ekrani yutuyordu, 440px sinirli kapak ise
   saginda kocaman bir bosluk birakip metni altina atiyordu. Dogrusu
   kapagi oranla daraltip metni yanina almak. Atlama cubugu bu bandda
   uc degil iki sutun; dar alanda uc sutun basliklari kirpiyordu. */
@media(min-width:760px) and (max-width:1119px){.gbc-yeni:not(.mobil) .hero:has(.atla){grid-template-columns:minmax(0,40%) minmax(0,1fr)}.gbc-yeni:not(.mobil) .hero:has(.atla) .atla{grid-template-columns:repeat(2,1fr)} }.gbc-yeni .atla .ok{margin-left:auto;flex:none}
/* Hero basligi: ayractan sonrasi genis ekranda alt satira, iki obek de H1 icinde kalir */
@media(min-width:1120px){.gbc-yeni:not(.mobil) #hero h1 .h1-ikinci{display:block} }
@media (prefers-reduced-motion: reduce){.gbc-yeni *{transition:none!important}}

/* FIYAT KAYNAGI SERIDI. Fiyat verilen her yerde kaynagin kendisine giden
   baglanti ve son kontrol tarihi bulunur. Resmi ucretlerde zorunlu;
   bizim odedigimiz hesaplarda kaynak yok, ne odedigimiz ve ne zaman yazilir. */

/* ANLAM SATIRI: solda terim ve aciklamasi, sagda karsiligi. Sozlukte,
   kelimeler sayfasinda ve terim listelerinde ayni kalip kullaniliyor.
   Dar ekranda alt alta diziliyor, karsilik metnin icine karismiyor. */.gbc-yeni .anlam-sat{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--cizgi)}.gbc-yeni .anlam-sat:last-child{border-bottom:0}.gbc-yeni .anlam-ad{min-width:0;flex:1}.gbc-yeni .anlam-kar{flex:0 0 auto;max-width:40%;text-align:right;font-weight:700;color:var(--kiremit);font-size:var(--fs-1);line-height:1.35}
@media(max-width:560px){.gbc-yeni .anlam-sat{flex-direction:column;gap:3px}.gbc-yeni .anlam-kar{text-align:left;max-width:100%} }
/* GORSEL KUTUYU TAMAMEN KAPLAR. Hero, kart gorseli, galeri ve yazi ici
   fotograf: gorsel kutunun icine sigdirilmiyor, kutuyu dolduruyor ve
   tasan kismi kirpiliyor. Kenarda bos seritli gorsel olmuyor. */.gbc-yeni .hero img,.gbc-yeni .kart-gorsel img,.gbc-yeni .ana-video img,.gbc-yeni .blog-foto img,.gbc-yeni .galeri img,.gbc-yeni .vid-izgara img{display:block;width:100%;height:100%;object-fit:cover}.gbc-yeni .kart-gorsel,.gbc-yeni .ana-video{overflow:hidden}
/* ON IKI AYLIK YOGUNLUK SERIDI. Tek harf anlasilmiyordu, ay adi yaziliyor.
   Hucre dar oldugu surece kisa ad (Oca, Sub), ancak genis ekranda tam ad
   gorunuyor; ikisi de ayni veriden geliyor, elle yazilmis liste yok.
   Ortak bilesen: ulasim hub'i da blog da bunu kullaniyor. */
/* KUNYE VE ROZETLER. Yazinin ve tarifin ustunde duran satir: yazar,
   sure, tarih. Kategorisi renkli rozet, turu ya da mutfagi sade rozet.
   Ortak bilesen: blog da tarif de bunu kullaniyor. */.gbc-yeni .kunye{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px;font-size:var(--fs-1);color:var(--gri2)}.gbc-yeni .kunye .nokta{width:3px;height:3px;border-radius:999px;background:var(--gri2);flex:none}/* ROZET KOSESI. Halil, 11 Eki: "ful yuvarlak gibi, oval olmali" ve   "mobilde bir tik daha kucuk, alt satira kaymamali." 999px hap   bitti: 8px oval kose, tek satir, sigmazsa uc nokta. */.gbc-yeni .kat-rozet,.gbc-yeni .tur-rozet{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:var(--fs-0);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbc-yeni .kat-rozet{color:var(--zit)}.gbc-yeni .tur-rozet{background:var(--mu);border:1px solid var(--cizgi);color:var(--gri)}@media(max-width:559px){.gbc-yeni .kat-rozet,.gbc-yeni .tur-rozet{font-size:var(--fs-0);padding:3px 8px;letter-spacing:.02em}}
/* OZET KUTUSU TASMAZ. Kutunun icindeki etiket uzun olabiliyor
   (KARBONHIDRAT gibi): izgara hucresi dar kalinca kelime kirilir,
   kutu disari tasmaz. */.gbc-yeni .ozet-kutu{min-width:0;overflow-wrap:anywhere}.gbc-yeni .ozet-kutu .et{white-space:normal;line-height:1.3}
/* Silo / ilgili yazilar (80-yeni-tasarim.php gbc_yeni_ic_baglanti_blogu) */
.gbc-yeni .yeni-ilgili-izgara{gap:10px}
.gbc-yeni .yeni-ilgili-k{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--metin);min-width:0}
.gbc-yeni .yeni-ilgili-k:hover{border-color:var(--marka-cizgi);text-decoration:none}
.gbc-yeni .yeni-ilgili-k:hover .yeni-ilgili-ad{color:var(--marka)}
.gbc-yeni .yeni-ilgili-g{display:block;aspect-ratio:16/9;background:var(--mu);position:relative;overflow:hidden}
.gbc-yeni .yeni-ilgili-g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gbc-yeni .yeni-ilgili-ic{display:grid;gap:4px;padding:10px 12px 12px}
.gbc-yeni .yeni-ilgili-ad{font-family:var(--serif);font-weight:700;font-size:var(--fs-1);line-height:1.3}
@media(max-width:619px){.gbc-yeni .yeni-ilgili-izgara{grid-template-columns:1fr}.gbc-yeni .yeni-ilgili-k{flex-direction:row;align-items:center}.gbc-yeni .yeni-ilgili-g{flex:0 0 112px;width:112px}.gbc-yeni .yeni-ilgili-ic{padding:8px 12px}}
/* DOKUNMA: CIFT DOKUNUNCA YAKINLASMA KAPALI (11 Eki 2026, Halil: "arama tusuna
   bastigi zaman yaklastirma gibi bir seyler var, olmamasi gerekiyor").
   OLCULDU, 390 px telefon taklidi: butun tiklanabilir ogelerde
   touch-action:auto. Telefonda kucuk bir dugmeye hizli iki kez dokunmak
   tarayicinin "cift dokunup yakinlastir" hareketini tetikliyor; okur sayfayi
   kullanirken kazara yakinlasiyor. manipulation YALNIZ cift dokunma
   yakinlastirmasini kapatir, iki parmakla yakinlastirma aynen calisir.
   Mavi dokunma parlamasi da kaldirildi; yerine kendi :active durumumuz var.
   Arama kutusunun yazi boyu zaten 16 px, iOS'un odakta yakinlastirmasi
   bu yuzden hic olmuyordu, sorun cift dokunmaydi. */
.gbc-yeni a,.gbc-yeni button,.gbc-yeni summary,.gbc-yeni label,.gbc-yeni input,.gbc-yeni select,.gbc-yeni textarea,.gbc-yeni [role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.gbc-yeni button:active,.gbc-yeni [role=button]:active{filter:brightness(.96)}

/* ================= TELEFONDA ATLAMA ÇUBUĞU =================
   Halil, 11 Eki: "mobilde çok geniş, o kadar boşluğa geliyor; alanları
   daha güzel kullanan bir tasarım olabilir."
   ÖLÇÜLDÜ (390 px, tarif sayfası): altı kutu iki sütunda üç satır,
   216 piksel. Hero zaten 899 piksel; okur tarifi görene kadar bir
   ekrandan fazla kaydırıyor.
   Dar ekranda çubuk yana kayan şerit oluyor: tek satır, 44 piksel
   dokunma hedefi korunuyor, kaydırma çubuğu gizli. Aynı kalıp kelime
   süzgecinde ve arşiv çiplerinde zaten kullanılıyor. */
@media(max-width:559px){
  .gbc-yeni .atla{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;gap:7px;padding-bottom:2px}
  .gbc-yeni .atla::-webkit-scrollbar{display:none}
  .gbc-yeni .atla > a{flex:0 0 auto;scroll-snap-align:start;min-height:44px;white-space:nowrap}
  .gbc-yeni .atla .ad{white-space:nowrap}
}

/* ================= TELEFONDA ARAMA KUTUSU ZIPLAMASIN =================
   Halil, 11 Eki: "mobilde aramaya girince bir anda ekran büyüyor, zoom
   yapıyor; sabit kalsa süper olur."
   SEBEP iOS Safari'nin kuralı: odaklanılan alanın yazı boyu 16 pikselin
   ALTINDAysa tarayıcı sayfayı kendiliğinden yakınlaştırır ve geri
   döndürmez. Bizim alanlarımız 13-14 pikseldi.
   Dokunmatikte bütün form alanları 16 piksel. Daha önce eklenen
   touch-action:manipulation ÇİFT DOKUNUŞ yakınlaştırmasını kapatıyordu,
   bu ondan ayrı bir şey: odaklanma yakınlaştırması.
   Kural site geneli: kabuk arama kutusu, arşiv süzgeci, arama formu,
   yorum formu, hepsi. Bir kere konuşulan kural her sayfa türüne geçer. */
/* !important BILEREK: alanlarin kendi kurallari daha ozel seciciyle
   yaziliyor (.gbc-arsiv .suz-alan input gibi) ve medya sorgusu ozelligi
   ARTIRMIYOR. Olculdu: kural eklendi ama punto 14'te kaldi. Bu kural
   davranis kurali, gorunus degil; kazanmak zorunda. */
@media(hover:none){
  .gbc-yeni input,.gbc-yeni select,.gbc-yeni textarea,
  body.gbc-yeni-sayfa input,body.gbc-yeni-sayfa select,body.gbc-yeni-sayfa textarea{font-size:max(16px,var(--fs-2)) !important}
}

/* ===== OKUMA VE TASMA KATMANI (14 Eki 2026, tasarim) =====
   Halil: "mobilde hicbir ekran saga sola kaymamali, kesilmemeli; yazilar net,
   renkler okunabilir." Kurallar sablondan bagimsiz, butun .gbc-yeni govdelerinde. */
/* Tasma kalkani: medya ve tablo kabini asmaz; izgara/esnek cocuklar daralabilir
   (min-width:auto bir reklam iframe'i ya da uzun bir sozcukle sutunu itiyordu). */
.gbc-yeni :is(img,video,iframe,embed,object,canvas,pre){max-width:100%}
.gbc-yeni pre{overflow-x:auto}
.gbc-yeni .sut{grid-template-columns:minmax(0,1fr)}
.gbc-yeni .sut>*,.gbc-yeni .hero>*,.gbc-yeni [class*=izgara]>*,.gbc-yeni [class*=grid]>*,.gbc-yeni main{min-width:0}
/* Baglantilar sayfasi (30-baglantilar) basliklari da site ailesinde: dis yazi tipi kullanilmaz, indirilmez. */
.gbc-yeni .hub :is(h1,h2){font-family:var(--serif)}
.gbc-yeni main :is(p,li,td,dd,figcaption) a{overflow-wrap:anywhere}
/* Tablo kabi kaydirilir; kenardaki golge daha fazlasi oldugunu gosterir. */
.gbc-yeni .kaydir{background:linear-gradient(90deg,var(--kart) 30%,#0000) 0 0/32px 100% no-repeat local,linear-gradient(270deg,var(--kart) 30%,#0000) 100% 0/32px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,#0002,#0000) 0 0/12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,#0002,#0000) 100% 0/12px 100% no-repeat scroll;background-color:var(--kart);overscroll-behavior-x:contain}
/* Okuma olcusu: duz metin satiri 68 karakteri gecmez (gozun satir basini bulmasi). */
.gbc-yeni main>p,.gbc-yeni main>section>p,.gbc-yeni main>:is(ul,ol),.gbc-yeni main>section>:is(ul,ol){max-width:var(--olcu)}
/* Govde metni: bilesen ici duz metin de govde puntosunda ve murekkep renginde. */
.gbc-yeni details p,.gbc-yeni details li,.gbc-yeni .hero-giris{font-size:var(--fs-2);line-height:var(--lh-govde)}
.gbc-yeni details p{color:var(--metin)}
.gbc-yeni main li{line-height:var(--lh-govde)}
/* Metin icindeki baglanti alti cizili: renge bakmadan da ayirt edilir (WCAG 1.4.1). */
/* 14 Eki 2026 - v1.99.93: Halil - metin ici bag ALT CIZGISIZ (rahatsiz edici); marka rengi + kalinlik yeter, alt cizgi yalniz uzerine gelince. */
.gbc-yeni main :is(p,li,dd,td,figcaption,blockquote) a:not([class]),.gbc-yeni details p a:not([class]){text-decoration:none}
.gbc-yeni main :is(p,li,dd,td,figcaption,blockquote) a:not([class]):hover,.gbc-yeni details p a:not([class]):hover{text-decoration:underline;text-underline-offset:.2em}
/* 14 Eki 2026 - v1.99.93: ALT BILGI + MENU CEKMECESI SIKI (Halil: "basliktan sonra 1 satir bosluk var, bosluk sevmiyorum").
   Alt bilgi baglari 44 px yukseklige sabitti (15 px yazi; ustte/altta ~14 px hava) + baslik alti 8-9 px = bir satirlik bosluk.
   Satir 34 px (dokunma hedefi rahat), baslik alti 2 px. 375 px'te enjekte edilip bakildi. */
/* 95: ortak.css kabuk.css'ten ONCE yukleniyor, ayni ozgulluk kaybediyordu (canlida olculdu: hala 44 px) -> html onekiyle guclu. */
/* 96: Halil 'hala aralarinda bosluk var' - 34 px de liste gibi durmuyordu (satir yuksekligi 1.65 + dolgu). Alt bilgi 28 px, cekmece 26 px, satir yuksekligi 1.35; 375 px'te ekran goruntusuyle bakildi. */
html body.gbc-yeni-sayfa .site-dip .ust > div > a{min-height:28px;padding:0;line-height:1.35}
html body.gbc-yeni-sayfa .site-panel a{padding:3px 0;line-height:1.35}
html body.gbc-yeni-sayfa .site-dip .sutun-bas,html body.gbc-yeni-sayfa .site-dip .ust > div > .sutun-bas,html body.gbc-yeni-sayfa .site-panel .sutun-bas{margin:0 0 4px}
/* Ok metin icinde satir ici; inline-block iken bolunmez bosluk ise yaramiyordu. */
.gbc-yeni main :is(p,li,dd,td,figcaption,blockquote) a .ok{display:inline;white-space:nowrap}
.gbc-yeni main :is(p,li,dd,td,figcaption,blockquote) a:not([class]):hover{text-decoration-color:currentColor;text-decoration-thickness:2px}
/* Odak halkasi: 3 px, her etkilesimli ogede (govde, kabuk, yukari ok, isik kutusu). */
:is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--marka);outline-offset:2px}
/* Kucuk satir ici baglantilarda dokunma alani 44 px'e uzar, duzen kaymaz. */
.gbc-yeni :is(.kart-bag,.kunye) a{padding-block:10px;margin-block:-10px}

/* 14 Eki 2026 - v1.99.77: dokunmatikte cift dokunma yakinlastirmasi yok; dugme/baglanti aninda tepki verir. */.gbc-yeni button,.gbc-yeni a,.gbc-yeni [role=button],.gbc-yeni summary,.gbc-yeni label{touch-action:manipulation}

/* 14 Eki 2026 - v1.99.78: body'nin yazi tipi tanimsizdi; tasarim sarmalayicisi disinda kalan bloklar (Sefe Sor / yorumlar, KVKK onayi) Times ile basiliyordu. */body{font-family:var(--govde);color:var(--metin);background:var(--kagit,#FAF8F4)}

/* 14 Eki 2026 - v1.99.82: Halil: "lejantlar/rozetler tek satira sigmali, gereksiz kayma olmasin".
   Telefonda rozet/etiket/suzgec seritleri TEK SATIR: yazi bir kademe kucuk, sigmazsa
   serit kendi icinde yatay kayar (sayfa kaymaz, kaydirma cubugu gizli). .rozet-serit
   (yazar kutusu, ekipman listesi) BILEREK haric: yazar kutusunu genisletiyordu. */
@media (max-width:759px){
.gbc-yeni .gz-rozetler,.gbc-yeni .gz-etiketler,.gbc-yeni .szl-rozetler,.gbc-yeni .etiket-serit,.gbc-yeni .gk-etiket,.gbc-yeni .yn-ogunler,.gbc-yeni .gl-suz,.gbc-yeni .durak-yer,.gbc-yeni .porsiyon-serit{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;gap:5px}
.gbc-yeni .gz-rozetler::-webkit-scrollbar,.gbc-yeni .gz-etiketler::-webkit-scrollbar,.gbc-yeni .szl-rozetler::-webkit-scrollbar,.gbc-yeni .etiket-serit::-webkit-scrollbar,.gbc-yeni .gk-etiket::-webkit-scrollbar,.gbc-yeni .yn-ogunler::-webkit-scrollbar,.gbc-yeni .gl-suz::-webkit-scrollbar,.gbc-yeni .durak-yer::-webkit-scrollbar,.gbc-yeni .porsiyon-serit::-webkit-scrollbar{display:none}
.gbc-yeni .gz-rozetler>*,.gbc-yeni .gz-etiketler>*,.gbc-yeni .szl-rozetler>*,.gbc-yeni .etiket-serit>*,.gbc-yeni .gk-etiket>*,.gbc-yeni .yn-ogunler>*,.gbc-yeni .gl-suz>*,.gbc-yeni .durak-yer>*,.gbc-yeni .porsiyon-serit>*{flex:none;white-space:nowrap}
.gbc-yeni .rozet{font-size:var(--fs-0);padding:2px 8px}
.gbc-yeni .porsiyon-serit .pors-d{padding:6px 10px}
.gbc-yeni .porsiyon-serit .pors-deger{min-width:30px}
/* tek satir serit, esnek ebeveynini (yazar kutusu .yazar-ic gibi) genisletmesin */
.gbc-yeni .yazar-ic,.gbc-yeni .yazar-baglar,.gbc-yeni :has(>.gz-etiketler,>.gk-etiket,>.gz-rozetler,>.szl-rozetler,>.etiket-serit,>.yn-ogunler,>.gl-suz,>.durak-yer,>.porsiyon-serit){min-width:0}
}

/* 14 Eki 2026 - v1.99.83: v11 rota sablonu (/bolonya-bologna-gezi-rotalari-plan/) yeni tasarima uyum.
   --v11-orange tanimsizdi: rozet, ROTAYI CIZ dugmesi ve harita basliklari beyaz uzerine beyazdi (kontrast 1.1).
   H1 28px sabitti (telefonda 6 satir) -> tek olcek --fs-5; cift kenar boslugu kalkti; baglanti cipleri tek satir.
   Canli sayfaya enjekte edilip 375 px'te olculdu: H1 3 satir, tasma 0, kontrast hatasi 0. */
.gbc-yeni .v11-wrapper{--v11-orange:var(--marka);--v11-dark:var(--metin);margin:16px 0 0;padding:0;max-width:none}
.gbc-yeni .v11-h1-title{font-family:var(--serif);font-size:var(--fs-5)!important;line-height:1.15!important;font-weight:700!important;color:var(--metin)!important;text-wrap:balance}
.gbc-yeni .v11-badge-box,.gbc-yeni .v11-block-header,.gbc-yeni .v11-controls-header{background:var(--marka);color:var(--zit);font-size:var(--fs-0);letter-spacing:var(--ls-etiket)}
.gbc-yeni .v11-submit-btn{background:var(--marka);color:var(--zit);font-size:var(--fs-1);min-height:48px}
.gbc-yeni .v11-pill-link{background:var(--kart);color:var(--marka);border-color:var(--marka-cizgi);font-size:var(--fs-1);min-height:36px;border-radius:999px}
.gbc-yeni .v11-pill-link:hover{background:var(--marka);color:var(--zit)}
.gbc-yeni .v11-hero-intro,.gbc-yeni .v11-wrapper p{font-size:var(--fs-2);line-height:var(--lh-govde);color:var(--metin)}
/* 14 Eki 2026 - v1.99.83: ESKI SABLON RENK DEGISKENLERI. Blog/Akademi (26923, tr-*) ve Rota (23342, v11-*) sablon CSS'i
   --gbc-turuncu, --gbc-turuncu-metin, --gbc-onay ... okuyor; bunlar eski temayla gitmisti, hicbir yerde tanimli degildi.
   Sonuc: /mutfak-teknikleri/ gibi sayfalarda BUTUN H2 kart basliklari beyaz uzerine beyaz (kontrast 1.0), rozetler gorunmez.
   Tek kaynaga (yeni tasarim renkleri) baglandi; koyu temada da kendiliginden doner. Canlida enjekte edilip 375 px'te bakildi. */
:root{--gbc-turuncu:var(--marka);--gbc-turuncu-metin:var(--marka-koyu);--gbc-onay:var(--yesil);--gbc-onay-cerceve:color-mix(in srgb,var(--yesil) 35%,transparent);--gbc-govde-satir:var(--lh-govde);--gbc-not-satir:1.55;--gbc-bilgi:var(--mavi);--gbc-bilgi-zemin:color-mix(in srgb,var(--mavi) 9%,var(--kart));--gbc-marka-zemin:var(--marka-zemin);--gbc-uyari:var(--noel-kirmizi);--gbc-cerceve-sicak:var(--marka-cizgi)}
.gbc-yeni .tr-wrap h1,.gbc-yeni .tr-wrap h1.tr-h1{font-family:var(--serif)!important;font-size:var(--fs-5)!important;line-height:1.15!important;font-weight:700!important;text-wrap:balance}
.gbc-yeni .tr-wrap .tr-card-hdr h2{font-size:var(--fs-1)!important;letter-spacing:var(--ls-etiket)!important}
.gbc-yeni .tr-wrap .tr-badge,.gbc-yeni .tr-wrap .tr-diet,.gbc-yeni .tr-wrap .tr-pill{font-size:var(--fs-0)!important}
.gbc-yeni .gz-author-social,.gbc-yeni .gz-author-btn{min-height:40px;display:inline-flex;align-items:center}
/* Eski yazar kutusu (gz-author-box) etiketleri 11.5 px ve soluktu */
.gbc-yeni .gz-author-label,.gbc-yeni .gz-author-subtitle{font-size:var(--fs-0);color:var(--gri)}
/* Canli kur "(≈ … TL)" eki 10-11.7 px ve %70 saydamdi: en az --fs-0, tam opak, ikincil renk */
.gbc-yeni .gbc-tl{font-size:max(.78em,var(--fs-0));opacity:1;color:var(--gri)}
.gbc-yeni .gz-bg-price .gbc-tl{font-size:max(.42em,var(--fs-0))}.gbc-yeni .gz-bg-price .gz-bg-eur .gbc-tl{font-size:1em}.gbc-yeni .gz-inner-tags .gbc-tl,.gbc-yeni .gz-hb-list .gbc-tl{font-size:max(.85em,var(--fs-0))}
@media(max-width:759px){.gbc-yeni .v11-hero-right{padding:0!important}.gbc-yeni .v11-hero-split{margin-bottom:24px}
.gbc-yeni .v11-meta-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-width:100%;gap:6px}.gbc-yeni .v11-meta-row::-webkit-scrollbar{display:none}.gbc-yeni .v11-meta-row>*{flex:none;white-space:nowrap}}
/* 14 Eki 2026 - v1.99.90: METIN ICI ORTAKLIK BAGLANTISI (89'daki kutu geri alindi - Halil: "ayri kutu yorucu,
   metin icinde dogal, renkli, tiklatma odakli"). Bag paragrafin sonunda (75-gezi gbc_gezi_metin); kutu yok,
   marka renginde, kalin, ince alt cizgi; Reklam etiketi yaninda kucuk. */
/* 90.1: Halil - alt cizgi rahatsiz edici; yalniz renk + kalinlik, uzerine gelince alt cizgi. */
.gbc-yeni .gz-govde a.gbc-in{color:var(--marka);font-weight:700;text-decoration:none}
.gbc-yeni .gz-govde a.gbc-in:hover{text-decoration:underline;text-underline-offset:3px}
.gbc-yeni .gz-govde a.gbc-in + .reklam-et{margin-left:4px;vertical-align:1px}
/* Ok inline-block iken bolunmez bosluk ise yaramiyordu (375 px'te 'bak' / '↗' ayri satir); metin icinde duz satir ici. */
.gbc-yeni .gz-govde a .ok{display:inline;white-space:nowrap}
/* 14 Eki 2026 - v1.99.99: TEK GOVDE YAZI TIPI KURALI (Halil: "bilincli bir kural yok, en dogrusu neyse"). Uzun okuma metni
   (gz-govde, ozet/giris/not, otel karti, hero giris, rehber gz2-gr) serifti, kartlar/tablolar duz yazi; ayni ekranda iki govde
   yazi tipi yan yana geliyordu. KURAL: govde metni her yerde --govde (sistem sans); serif yalniz basliklar (h1-h4), logo/
   sutun basliklari ve vitrin rakamlari (fiyat, gun numarasi). html oneki: gezi.css ortak.css'ten SONRA yukleniyor. */
html .gbc-yeni :is(.gz-govde,.gz-ozet,.gz-giris,.gz-ham,.gz-not,.hero-giris),html .gbc-yeni .gbc-otel .go-kart p,html .gbc-yeni .rh-sayfa .gz2-gr{font-family:var(--govde)}
/* 14 Eki 2026 - v1.99.100: Halil "Guney Kore vize rehberi -> ok gene alta gecmis; alani genisletirsek cozulur". Masaustunde
   Hizli Bilgiler sag sutunda (main disinda): ok kurali oraya ulasmiyordu ve deger hucresi max-width:%64 ile 183 px'e sikisiyordu.
   Deger hucresi etiketten kalan butun alani kullanir; bag icindeki ok her metin baglaminda satir ici (main sarti kalkti).
   1280 px'te bakildi: vize/kelime/eSIM baglari tek satir. */
html .gbc-yeni .gz-bilgi tr.uzun td:last-child{max-width:none;flex:1 1 auto;min-width:0}
html .gbc-yeni :is(p,li,dd,td,figcaption,blockquote) a .ok{display:inline;white-space:nowrap}
/* 14 Eki 2026 (alakali-video): ALAKALI VIDEOLAR - ulkenin oynatma listesinden en fazla 5 kart (75-gezi gbc_alakali_videolar_ic).
   Iframe yok: kapak (i.ytimg mqdefault 320x180, lazy) + sure + 2 satir baslik; YouTube'da acilir. Telefonda kendi kabinda yatay kayar
   (sayfa kaymaz: main min-width:0, serit overflow-x), 760 px ustu izgara. ortak.css once yuklendigi icin 'html' onekli. */
html .gbc-yeni .gbc-alv-serit{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 4px;max-width:100%}
html .gbc-yeni .gbc-alv-serit::-webkit-scrollbar{display:none}
html .gbc-yeni .gbc-alv-kart{flex:0 0 min(72%,260px);scroll-snap-align:start;display:flex;flex-direction:column;overflow:hidden;padding:0;margin:0;color:var(--metin);text-decoration:none;min-width:0}
html .gbc-yeni .gbc-alv-kart:hover{border-color:var(--marka-cizgi);background:var(--marka-zemin);text-decoration:none}
html .gbc-yeni .gbc-alv-g{position:relative;display:block;aspect-ratio:16/9;background:var(--mu);overflow:hidden}
html .gbc-yeni .gbc-alv-g img{display:block;width:100%;height:100%;object-fit:cover}
html .gbc-yeni .gbc-alv-sure{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:4px;background:rgba(0,0,0,.78);color:#fff;font-size:var(--fs-0);font-weight:700;line-height:1.5;letter-spacing:.02em}
html .gbc-yeni .gbc-alv-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;padding:0;margin:8px 10px 10px;max-height:2.7em;font-size:var(--fs-1);font-weight:600;line-height:1.35;overflow-wrap:break-word}
/* 14 Eki 2026 - v1.99.125: dil (EN). Kart basliginin altinda videonun dil bilgisi (yalniz oteki dilde basilir). */
html .gbc-yeni .gbc-alv-dil{display:block;margin:-6px 10px 8px;font-size:var(--fs-0);line-height:1.4;color:var(--gri2)}
html .gbc-yeni .gbc-alv-izle{display:inline-flex;align-items:center;gap:6px;margin:auto 10px 10px;font-size:var(--fs-0);font-weight:700;color:var(--yt);letter-spacing:.01em}
html .gbc-yeni .gbc-alv-izle .ok{font-weight:700}
html .gbc-yeni .gbc-alv-kart:hover .gbc-alv-izle{text-decoration:underline;text-underline-offset:3px}
html .gbc-yeni .gbc-alv-alt{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:var(--fs-1)}
html .gbc-yeni .gbc-alv-alt a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
@media(min-width:760px){html .gbc-yeni:not(.mobil) .gbc-alv-serit{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;overflow:visible;scroll-snap-type:none;padding:0}
html .gbc-yeni:not(.mobil) .gbc-alv-kart{flex:none}}
/* 14 Eki 2026 - v1.99.118: YouTube bağlantı kimliği (inc/yt-bag.php). */
html a.gbc-yt{color:var(--yt)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
html a.gbc-yt .gbc-yt-l{display:inline-block;vertical-align:-1px;margin-right:5px;width:16px;height:12px}
/* 14 Eki 2026 - v1.99.128: Instagram bağlantı logosu (inc/yt-bag.php). */
html a.gbc-ig .gbc-ig-l{display:inline-block;vertical-align:-2px;margin-right:5px;width:14px;height:14px}
.gbc-yeni .gz-aff-ust{margin:8px 0 2px;line-height:1.5}.gbc-yeni .gz-aff-ust .reklam-et{margin-right:3px;vertical-align:1px}