/* gezimiplanla — tema kabugunu gizle (CSS once calisir, titreme olmaz) */
body:has(#gzpBas) .wp-block-post-title,
body:has(#gzpBas) .entry-title,
body:has(#gzpBas) header.wp-block-template-part,
body:has(#gzpBas) footer.wp-block-template-part,
body:has(#gzpBas) .wp-site-blocks > header,
body:has(#gzpBas) .wp-site-blocks > footer,
body:has(#gzpBas) .wp-site-blocks > .wp-block-cover{display:none !important;}

/* Blok gizlemek yetmiyor: tema <main>'e 67px ust dolgu, entry-content'e de ust
   bosluk veriyor. Bloklari kaldirinca o dolgu bos beyaz serit olarak kaliyordu
   (her sayfada, plan sayfasinda 84px). Eklenti sayfalarinda sifirlaniyor. */
body:has(#gzpBas) main.wp-block-group,
body:has(#gzpBas) #wp--skip-link--target{padding-top:0 !important;}
body:has(#gzpBas) .entry-content,
body:has(#gzpBas) .wp-block-post-content,
body:has(#gzpBas) .gzp-sayfa{margin-top:0 !important;margin-block-start:0 !important;}
/* ================= MOBIL GORUNUM (prototipte onaylanan) ==================
   Bu blogun tamami @media(max-width:900px) icinde: MASAUSTU HIC ETKILENMIYOR.

   1) Terra cotta paleti — degiskenler yeniden tanimlaniyor, kural yazilmiyor;
      boylece butun bilesenler kendiliginden yeni renge geciyor.
   2) Gunler akordeon — ilki acik, digerleri katli.
   3) Kisisellestirme sorulari alttan gelen panel olarak aciliyor.  */
@media(max-width:900px){
  body:has(#gzpBas) .gp-home,
  body:has(#gzpBas) .gzp-sayfa,
  body:has(#gzpBas) #gpPlanRoot{
    --orange:#d24325; --orange-d:#a8330f; --dark:#3e2c25;
    --cream:#fdf8f5; --muted:#846d62; --line:#ecdfd8;
  }

  /* --- ROTALAR: yatay serit yerine dikey liste (prototipteki satir duzeni) ---
     Yatay kaydirmali fotograf kartlari mobilde ekranin cogunu tek karta
     harciyordu ve yandaki kartlar gorunmuyordu. Satir duzeninde ayni alanda
     dort-bes rota birden goruluyor. */
  body:has(#gzpBas) .gp-vitrin{
    display:flex;flex-direction:column;gap:10px;overflow:visible;
    padding:0 12px;scroll-snap-type:none;
  }
  body:has(#gzpBas) .gp-vkart{
    flex:0 0 auto;width:auto;aspect-ratio:auto;border-radius:16px;
    display:flex;align-items:center;gap:12px;padding:10px;
    background:#fff;border:1px solid var(--line);
    box-shadow:0 4px 14px rgba(62,44,37,.05);
  }
  body:has(#gzpBas) .gp-vkart img{
    width:78px;height:78px;flex:0 0 auto;border-radius:12px;object-fit:cover;
  }
  body:has(#gzpBas) .gp-vkart-ic{
    position:static;padding:0;color:inherit;background:none;flex:1;min-width:0;
  }
  body:has(#gzpBas) .gp-vkart-ic b{font-size:16.5px;font-weight:700;color:var(--dark);}
  body:has(#gzpBas) .gp-vkart-ic span{font-size:13px;opacity:1;color:var(--muted);}
  /* Fotografin uzerindeki karartma satir duzeninde gereksiz */
  body:has(#gzpBas) .gp-vkart::after{display:none;}
  /* "Diger rotalar icin kaydir" artik gecerli degil */
  body:has(#gzpBas) .gp-kaydir{display:none;}

  /* --- plan sayfasi ekrani doldursun ---
     Zaman cizgisi (soldaki nokta) mobilde 33 piksel bosluk yiyordu ve
     .wrap 20 piksel yandan dolgu koyuyordu; ikisi birlikte icerigi
     daraltiyordu. Mobilde cizgi kaldirilip dolgu 12 piksele iniyor. */
  /* Tema kendi yan dolgusunu veriyor ve negatif margin her temada tam
     tutmuyordu; mobilde kesin cozum: kapsayiciyi gorunum genisligine
     sabitleyip ortalamak. Yanlarda bosluk kalmiyor. */
  body:has(#gzpBas) #gpPlanRoot{
    width:100vw !important;max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }
  #gpPlanRoot .wrap{padding-left:12px;padding-right:12px;max-width:none;}
  /* Zaman cizgisi kapsayicisinin sinifi ".line" (once yanlislikla ".hat"
     hedeflenmisti). Soldan 38 piksel dolgu veriyordu; .wrap'in 12 pikseliyle
     birlikte gun kartini 50 piksel iceri itiyordu. Olculdu: canli sitede
     kartin sol kenari 50px, sag kenari 12px idi. */
  #gpPlanRoot .geri{display:none;}
  #gpPlanRoot .line{padding-left:0 !important;}
  #gpPlanRoot .line::before,
  #gpPlanRoot .line::after{display:none !important;}
  #gpPlanRoot .dot{display:none;}
  #gpPlanRoot .stop{padding-left:0;margin-bottom:12px;}
  #gpPlanRoot .box{padding:14px 14px;border-radius:16px;}

  /* --- uzun metinler kisaliyor, tamami "Devamini oku" ile --- */
  #gpPlanRoot .daciklama.kirpik{
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
    overflow:hidden;margin-bottom:6px;
  }
  #gpPlanRoot .devam-dugme{
    background:none;border:0;padding:8px 0;min-height:44px;cursor:pointer;
    font-family:inherit;font-weight:700;font-size:13.5px;line-height:1;
    color:var(--orange-d);
  }

  /* --- gunler akordeon --- */
  #gpPlanRoot .box > .bh{
    display:flex;align-items:center;gap:10px;cursor:pointer;
    padding:4px 0;min-height:44px;
  }
  #gpPlanRoot .box > .bh::after{
    content:"›";margin-left:auto;font-size:20px;color:var(--muted);
    transition:transform .2s;
  }
  #gpPlanRoot .box.kapali > .bh::after{transform:none;}
  #gpPlanRoot .box:not(.kapali) > .bh::after{transform:rotate(90deg);}
  #gpPlanRoot .box.kapali > *:not(.bh){display:none !important;}

  /* --- kisisellestirme: alttan gelen panel --- */
  #gpPlanRoot .kq{
    align-items:flex-end !important;
  }
  #gpPlanRoot .kq > *{
    width:100% !important;max-width:none !important;
    border-radius:22px 22px 0 0 !important;
    max-height:88vh;overflow-y:auto;position:relative;
  }
  /* Kapatma dugmesi ilerleme cizgisiyle cakisiyordu; asagi alindi ve
     dokunma hedefi 44 piksele cikarildi. */
  #gpPlanRoot .kkapat{
    position:absolute;top:14px;right:12px;
    width:44px;height:44px;border-radius:50%;
    background:var(--cream);color:var(--dark);font-size:18px;line-height:1;
    display:flex;align-items:center;justify-content:center;z-index:2;
  }
}

/* Koyu footer'larda beyaz logo */
.gp-footer .gp-logo img{display:block;height:46px;width:auto;}

/* ================= SEKMELER ARASI GECIS ANIMASYONU =================
   Sekmeler ayri sayfa; View Transitions ile tarayici iki sayfa arasinda
   kayma efekti veriyor. Desteklemeyen tarayicida sayfa eskisi gibi
   dogrudan aciliyor — hicbir sey bozulmuyor. */
@view-transition{navigation:auto;}
@media(prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:gzpCik .22s ease both;}
  ::view-transition-new(root){animation:gzpGir .26s cubic-bezier(.2,.8,.3,1) both;}
}
@keyframes gzpGir{from{transform:translateX(14%);opacity:.6}to{transform:none;opacity:1}}
@keyframes gzpCik{from{transform:none;opacity:1}to{transform:translateX(-6%);opacity:.65}}

/* Sekme cubugunda kaydirinca: gelen sayfa kaydirma yonunun geldigi kenardan
   girip eskisinin uzerine biniyor; eski sayfa yerinde duruyor. Yon,
   kaydirma aninda sessionStorage'a yaziliyor. */
/* Aradaki bosluk onemli: ::view-transition-* kok elemanin kendi
   sozde-elemani. "html[...] ::view-transition-new(root)" torun secicisi olur
   ve hicbir seye eslemez — o zaman asagidaki genel kural gecerli kalip her
   iki yonde de sayfayi sagdan getiriyordu. */
html[data-gzp-vt]::view-transition-old(root){animation:none;z-index:0;}
html[data-gzp-vt]::view-transition-new(root){z-index:1;
  animation:.3s cubic-bezier(.2,.8,.3,1) both;}
html[data-gzp-vt="ileri"]::view-transition-new(root){animation-name:gzpBinSag;}
html[data-gzp-vt="geri"]::view-transition-new(root){animation-name:gzpBinSol;}
@keyframes gzpBinSag{from{transform:translateX(100%)}to{transform:none}}
@keyframes gzpBinSol{from{transform:translateX(-100%)}to{transform:none}}

/* View Transitions olmayan tarayici icin ayni etkinin yedegi */
@media(max-width:900px){
  html[data-gzp-gir]{overflow-x:hidden;}
  html[data-gzp-gir] body{animation:.28s cubic-bezier(.2,.8,.3,1) both;
    box-shadow:0 0 24px rgba(0,0,0,.18);}
  html[data-gzp-gir="ileri"] body{animation-name:gzpBinSag;}
  html[data-gzp-gir="geri"]  body{animation-name:gzpBinSol;}
}

/* ================= TAM EKRAN ARAMA (mobil) =================
   Prototipteki davranis: arama kutusuna dokununca sayfa yerine tam ekran bir
   katman aciliyor, oneriler liste halinde geliyor. Acilir kutu telefonda
   klavyenin altinda kaliyordu. */
@media(max-width:900px){
  body.gzp-ara-acik{overflow:hidden;}
  body.gzp-ara-acik .gp-ara{
    position:fixed;inset:0;z-index:95;margin:0;border-radius:0;
    background:#fdf8f5;box-shadow:none;padding:calc(12px + env(safe-area-inset-top)) 14px 0;
    display:block;
  }
  body.gzp-ara-acik .gp-ara-ikon{display:none;}
  body.gzp-ara-acik .gp-ara input{
    width:100%;background:#fff;border:1px solid #ecdfd8;border-radius:999px;
    padding:14px 18px 14px 52px;font-size:16px;
  }
  body.gzp-ara-acik .gp-ara-oneri{
    position:static;max-height:none;box-shadow:none;background:transparent;
    padding:6px 0 0;margin-top:10px;border-radius:0;
  }
  body.gzp-ara-acik .gp-ara-oneri a{padding:13px 6px;font-size:16px;}
  .gzp-ara-kapat{
    position:absolute;left:18px;top:calc(20px + env(safe-area-inset-top));
    width:36px;height:36px;border:0;border-radius:50%;background:none;
    color:#3e2c25;font-size:22px;line-height:1;cursor:pointer;display:none;z-index:96;
  }
  body.gzp-ara-acik .gzp-ara-kapat{display:block;}
  .gzp-oneri-bas{
    padding:14px 6px 8px;font-size:13px;font-weight:700;color:#846d62;
  }
  /* Harita paneli acik sayfa zemininde bir kart gibi dursun; sayfanin
     tamamini koyu yapmasin (diger sekmelerle ayni his). */
  /* Harita sayfasi Rotalar sayfasiyla ayni acik temaya cekiliyor:
     bolum sitede koyu tasarlanmisti, tek basina bir sayfa olunca diger
     sekmelerden kopuk duruyordu. */
  .gzp-sayfa .gp-hrt-bolum{background:#fdf8f5;padding:8px 0 0;}
  .gzp-sayfa .gp-hrt-bolum h2,
  .gzp-sayfa .gp-hrt-adet{color:#3e2c25;}
  .gzp-sayfa .gp-hrt-bolum h2 em{color:#bd3c21;}
  .gzp-sayfa .gp-etiket{color:#bd3c21;}
  .gzp-sayfa .gp-hrt-ay{background:#f4e9e3;color:#3e2c25;}
  .gzp-sayfa .gp-hrt-ay.secili{background:#3e2c25;color:#fff;}
  /* Kendi sayfasindayken "Haritada gor" baglantisi gereksiz */
  .gzp-sayfa .gp-hrt-git{display:none;}
  /* Alttaki rota tablosu ana sayfada 260 piksele sigdirilip kaydiriliyordu;
     kendi sayfasinda kirpilmasin, tamami gorunsun. */
  .gzp-sayfa .gp-hrt-liste{max-height:none !important;overflow:visible !important;}
  .gzp-sayfa .gp-hrt-alt{grid-template-columns:1fr !important;gap:16px;}
  /* Tablo: terra cotta kart zemini, siyah yazi. Sicaklik rengi degismiyor.
     Bu bloktaki secicilerin ozgulugu sablondaki <style> blogundan yuksek —
     ikisi ayni degerleri tasimazsa buradaki kazanir, o yuzden tek yerde. */
  .gzp-sayfa .gp-hrt-yan{background:#fdf8f5 !important;padding:0 !important;}
  .gzp-sayfa .gp-hrt-liste{background:#f4e9e3 !important;border-radius:16px;
    padding:12px 14px;}
  .gzp-sayfa .gp-hrt-satir{border-bottom:1px solid #d9c8bd !important;}
  .gzp-sayfa .gp-hrt-satir b{color:#000 !important;}
  .gzp-sayfa .gp-hrt-satir .gun{color:#000 !important;}
  .gzp-sayfa .gp-hrt-satir .sic{color:#bd3c21 !important;}
  .gzp-sayfa .gp-hrt-baslik{color:#000 !important;border-bottom-color:#d9c8bd !important;}
  .gzp-sayfa .gp-hrt-adet,
  .gzp-sayfa .gp-hrt-adet b{color:#000 !important;}
  .gzp-sayfa .gp-hrt-bos,
  .gzp-sayfa .gp-hrt-lejant,
  .gzp-sayfa .gp-hrt-lejant small{color:#6f6155 !important;}
  .gzp-sayfa .gp-hrt-satir.kacin b{color:#9b8579 !important;}
  .gzp-sayfa .gp-hrt-satir .neden{color:#c0553f !important;}
}

/* ================= KESFET (ana sayfa) — mobil =================
   Prototipte onaylanan duzen: harita, "Hazir rotalara goz at", "Merhaba ben
   Burcu" ve kita vitrinleri mobilde gizleniyor. Bulten ve footer kaliyor. */
.gzp-mobil{display:none;}
@media(max-width:900px){
  /* Harita SADECE ana sayfadan kaldiriliyor. Once kapsam genisti ve
     /harita sayfasindaki haritayi da gizliyordu (sayfa bombos aciliyordu);
     .gzp-sayfa disarida tutuluyor. */
  body:has(#gzpBas) .gp-home:not(.gzp-sayfa) .gp-hrt-bolum,
  body:has(#gzpBas) .gp-section:has(.gp-hk-ozet),
  body:has(#gzpBas) #rotalar,
  body:has(#gzpBas) #rotalar ~ .gp-section{display:none;}
  /* "Hazir rotalara goz at" — kendi id'si yok, basligindan ayirt ediliyor */
  body:has(#gzpBas) .gp-section:has(> .gp-wrap > .gp-head > h2){display:none;}
  /* Hero altindaki "Popüler: Amsterdam · Paris ..." satiri mobilde kalkiyor:
     hemen altindaki "Popüler rotalar" bolumu ayni rotalari fotografli
     veriyor, ikisi ust uste tekrar oluyordu. Masaustunde duruyor. */
  body:has(#gzpBas) .gp-ara-pop{display:none;}
  /* Hero mobilde daraltiliyor: baslik olabildigince yukari cikiyor, uzun
     giris paragrafi ve rozet satiri kalkiyor. Amac ekran acilir acilmaz
     "Populer rotalar" seridinin gorunmesi — onceki halinde hero tek basina
     ekranin tamamini kapliyordu. */
  /* !important sart: masaustu kurali (.gp-home:has(> .gp-hero) > .gp-hero)
     zaten !important ile 186px ust dolgu veriyor. */
  body:has(#gzpBas) .gp-hero{min-height:0 !important;
    padding:100px 18px 20px !important;}
  body:has(#gzpBas) .gp-hero h1{font-size:clamp(27px,7.4vw,36px);line-height:1.14;}
  body:has(#gzpBas) .gp-hero-pills{display:none;}
  body:has(#gzpBas) .gp-hero-sub{font-size:14.5px;line-height:1.55;margin-top:10px;}
  /* Arama kutusundaki yazi mobilde kutunun tam ortasinda dursun; buyutec
     soldaki yerinde kaliyor, metni kaydirmamasi icin mutlak konumlaniyor. */
  body:has(#gzpBas) .gp-ara{margin-top:14px;padding-left:16px;padding-right:16px;}
  body:has(#gzpBas) .gp-ara-ikon{position:absolute;left:16px;}
  body:has(#gzpBas) .gp-ara input{text-align:center;}
  body:has(#gzpBas) .gp-ara-not{margin-top:9px;font-size:13.5px;line-height:1.45;}
  body:has(#gzpBas) .gp-ara-alt{margin-top:12px;}
  body:has(#gzpBas) .gzp-mobil{display:block;padding:14px 0 6px;}

  .gzp-mb-bas{display:flex;align-items:baseline;justify-content:space-between;
    padding:0 14px 12px;}
  .gzp-mb-bas h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.3px;color:#3e2c25;}
  /* Ekranda iki kart duruyor; devaminin oldugu belli olsun diye kucuk ipucu. */
  .gzp-kaydir{display:flex;align-items:center;gap:5px;margin:-4px 14px 8px;
    font-size:12.5px;font-weight:600;color:#9b8579;letter-spacing:.2px;}
  .gzp-kaydir::after{content:"›››";letter-spacing:-1px;color:#c9b3a7;}
  .gzp-mb-bas a{font-size:13.5px;font-weight:700;color:#bd3c21;text-decoration:none;
    min-height:44px;display:flex;align-items:center;}
  .gzp-serit{display:flex;gap:14px;overflow-x:auto;padding:2px 14px 22px;
    scroll-snap-type:x mandatory;}
  .gzp-serit::-webkit-scrollbar{display:none;}
  /* Kart genisligi seridin kendi ic genisliginden hesaplaniyor: iki kart tam
     sigiyor (2 x 50% eksi aradaki 14px bosluk), ucuncusu kenarda yarim
     kalmiyor. 100vw kullanilsaydi kenar bosluklari degisince kayardi. */
  .gzp-mk{flex:0 0 calc(50% - 7px);scroll-snap-align:start;
    text-decoration:none;color:inherit;text-align:center;
    background:#fff;border:1px solid #ecdfd8;border-radius:18px;overflow:hidden;
    box-shadow:0 6px 20px rgba(62,44,37,.06);}
  .gzp-mk.mini{flex:0 0 calc(50% - 7px);}
  .gzp-mk img{width:100%;height:132px;object-fit:cover;display:block;background:#e9d9d1;}
  .gzp-mk .ic{padding:13px 12px 15px;}
  .gzp-mk.mini .ic{padding:13px 12px 15px;}
  .gzp-mk .meta{display:block;font-size:12.5px;color:#846d62;margin-bottom:3px;}
  .gzp-mk b{display:block;font-size:17px;font-weight:800;line-height:1.25;color:#3e2c25;}
  .gzp-mk .sure{display:block;font-size:13px;color:#846d62;margin-top:5px;}
}

/* Rotalar / Harita sayfalarinda mobilde ust menu cubugu gizleniyor:
   alt sekme cubugu zaten ayni islevi goruyor, ikisi birden ekranin
   ustunu ve altini yiyordu. Masaustunde ust cubuk duruyor. */
@media(max-width:900px){
  .gzp-sayfa > .gp-navbar{display:none;}
  /* Seyahat planlarinda da ayni: plan sayfasinda menu ayri bir sarmalayici
     (.gzp-navsar) icinde durdugu icin yukaridaki secici ona ulasmiyordu. */
  body:has(#gpPlanRoot) .gzp-navsar{display:none;}
}

/* Tum sayfalarda ayni zemin: /rotalar ve /harita eklentinin kendi sundugu
   sayfalar, tema kabugundan gecmedikleri icin gövde bicimi disarida kaliyordu. */
body:has(.gzp-sayfa){background:#fdf8f5;margin:0;}

/* MOBILDE SISTEM YAZI TIPI.
   Site Poppins kullaniyor; prototip ise cihazin kendi yazi tipini (iPhone'da
   San Francisco) kullaniyordu ve telefonda belirgin sekilde daha net
   okunuyordu — Burcu'nun tercihi bu yonde. Masaustunde Poppins duruyor. */
@media(max-width:900px){
  body:has(#gzpBas),
  /* Alt ogeler de tek tek yaziliyor: miras her zaman yetmiyor — menudeki
     "Balayı planlama" baglantisi temanin kendi kuralindan Poppins aliyor ve
     komsu <button>'lardan farkli goruniyordu (canli sitede olculdu). */
  body:has(#gzpBas) .gp-home,
  body:has(#gzpBas) .gp-home *,
  body:has(#gzpBas) #gpPlanRoot,
  body:has(#gzpBas) #gpPlanRoot *,
  body:has(#gzpBas) .gzp-sayfa,
  body:has(#gzpBas) .gzp-sayfa *,
  body:has(#gzpBas) .gzp-sekme,
  body:has(#gzpBas) .gp-quiz,
  body:has(#gzpBas) .gp-quiz *,
  /* Form ogeleri yazi tipini MIRAS ALMAZ: menudeki acilir basliklar <button>
     oldugu icin tarayicinin kendi yazi tipiyle ciziliyor ve "Balayı planlama"
     baglantisindan farkli gorunuyordu. */
  body:has(#gzpBas) button,
  body:has(#gzpBas) input,
  body:has(#gzpBas) select,
  body:has(#gzpBas) textarea{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,
      'Helvetica Neue',Arial,sans-serif !important;
  }
}

/* ================= /rotalar SAYFASI ================= */
.gzp-butce-bas{font-size:13px;font-weight:700;letter-spacing:.4px;color:#846d62;
  text-transform:uppercase;margin:2px 0 8px;}
.gzp-butce-bas em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;}
.gzp-cipler.gzp-butce{padding-bottom:8px;margin-bottom:0;}
.gzp-butce-not{margin:0 0 14px;font-size:12.5px;line-height:1.5;color:#9b8579;}
.gzp-liste-ic{max-width:820px;margin:0 auto;padding:18px 14px 20px;}
.gzp-liste-ic h1{margin:0 0 14px;font-size:27px;font-weight:800;letter-spacing:-.5px;color:#3e2c25;}
.gzp-cipler{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;margin-bottom:4px;}
.gzp-cipler::-webkit-scrollbar{display:none;}
.gzp-cip{flex:0 0 auto;border:1px solid #ecdfd8;background:#fff;border-radius:999px;
  padding:10px 16px;cursor:pointer;color:#3e2c25;
  font-family:inherit;font-weight:600;font-size:14px;line-height:1;min-height:44px;}
.gzp-cip.secili{background:#3e2c25;color:#fff;border-color:#3e2c25;}
.gzp-rotalar{display:flex;flex-direction:column;gap:10px;}
.gzp-rota{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;
  background:#fff;border:1px solid #ecdfd8;text-decoration:none;color:inherit;
  box-shadow:0 4px 14px rgba(62,44,37,.05);}
.gzp-rota[hidden]{display:none;}
.gzp-rota img{width:78px;height:78px;flex:0 0 auto;border-radius:12px;object-fit:cover;background:#e9d9d1;}
.gzp-rota-ic{flex:1;min-width:0;}
.gzp-rota-ic .meta{display:block;font-size:12.5px;color:#846d62;}
.gzp-rota-ic b{display:block;font-size:16.5px;font-weight:700;line-height:1.25;margin:2px 0 3px;color:#3e2c25;}
.gzp-rota-ic .sure{display:block;font-size:13px;color:#846d62;}
.gzp-rota .ok{flex:0 0 auto;color:#846d62;font-size:20px;}

/* ================= MOBIL ALT SEKME CUBUGU =================
   900 pikselin ustunde hic gorunmuyor; masaustu duzeni degismiyor. */
.gzp-sekmeler{display:none;}
@media(max-width:900px){
  /* Cubuk artik yuzen bir hap degil: ekranin altina yapisik, tam genislikte
     bir serit (YouTube mobil gibi). Icerigin uzerine binmemesi icin govdeye
     cubugun yuksekligi kadar alt bosluk veriliyor. */
  body:has(#gzpBas){padding-bottom:max(88px, calc(78px + env(safe-area-inset-bottom))) !important;}
  body:has(#gzpBas) .gzp-sekmeler{
    position:fixed;left:0;right:0;bottom:0;
    z-index:80;display:flex;justify-content:space-around;align-items:center;
    background:rgba(255,255,255,.97);backdrop-filter:blur(14px);
    border-top:1px solid #ecdfd8;
    padding:6px 4px max(14px, calc(6px + env(safe-area-inset-bottom)));
    box-shadow:0 -6px 20px rgba(62,44,37,.08);}
  .gzp-sekme{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
    padding:6px 2px;min-height:46px;border-radius:14px;text-decoration:none;
    color:#846d62;font-family:inherit;font-weight:600;font-size:10.5px;
    line-height:1.15;text-align:center;}
  .gzp-sekme svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.9;
    stroke-linecap:round;stroke-linejoin:round;}
  .gzp-sekme.aktif{background:#f4e9e3;color:#bd3c21;}
  /* Cerez bandi cubugun ustune otursun, ust uste binmesinler. */
  body:has(#gzpBas) .gzp-cz{bottom:calc(84px + env(safe-area-inset-bottom)) !important;}
}
body:has(#gzpBas) .entry-content > *:first-child,
body:has(#gzpBas) .gzp-sayfa > *:first-child{margin-top:0 !important;}

/* 16px'lik beyaz serit: isaretcinin kendi yan etkisi.
   gzp_kabuk() icerigin basina <div id="gzpBas" hidden> koyuyor. Gizli olsa da
   DOM'da bir dugum; bu yuzden asil icerik artik "ilk cocuk" degil, ikinci cocuk.
   Temanin akis duzeni (.is-layout-flow > * + *) ardisik kardeslere blok araligi
   veriyor ve isaretciden sonraki ilk oge 16px margin-block-start aliyor. Ustteki
   *:first-child kurali buna yetismiyor, cunku ilk cocuk isaretcinin kendisi.
   Olculdu (canli site, gercek tema): .gp-home margin-top 16px -> ust 48px,
   kural eklenince 0 -> ust 32px. Her sayfada goruluyordu. */
body:has(#gzpBas) #gzpBas + *{margin-top:0 !important;margin-block-start:0 !important;}