/* FiBazaar FB3 (30.10, patron: «fimuhasebe gibi php web tarafı uygulama flutter hibrit») — herkese açık web'in YENİ TASARIM KATMANI.
   Telefon uygulamasıyla (fibazaar-flutter/lib/cekirdek/tema.dart · Aşama 0 «C · Sade Izgara») AYNI dil: düz zemin + beyaz kart + ince çizgi, köşe 16–24,
   tek ürün rengi turuncu (#FF5C1F; dolu turuncunun üstünde yazı mürekkep #16171B), kapı başına renk yok, degrade YALNIZ Fi logosunda ve ilerleme çizgisinde.
   Açık + koyu (prefers-color-scheme), hareketi azalt. Telefon önce (390), masaüstü ≥ 1000 px üst çubuk (uygulamadaki gibi).
   Yalnız müşteri sayfaları (gorunum.php sayfa()) yükler — site.css + carsi3.css'ten SONRA: eski kuralları ezer, eski dosyalara dokunulmadı (yönetim aynı kalır).
   Yazı: Poppins (gövde) · Archivo 900 dar (başlık) — site.css @font-face · Kiril yedeği Montserrat (aşağıda; yalnız Kiril harf görünürse iner).
   Görseller (/v/kapi*.webp): fotoğraflar Unsplash Lisansı (pazar: Iñigo De la Maza · lahmacun: Husien Bisky); 3B simgeler Microsoft Fluent Emoji 3D —
   MIT Lisansı, Copyright (c) Microsoft Corporation: «Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
   associated documentation files … THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND» (tam metin fibazaar-flutter/assets/gorsel/3b/LICENSE-fluentui-emoji.txt).
   Montserrat: SIL Open Font License 1.1 (fibazaar-flutter/assets/yazi/OFL-Montserrat.txt). */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 500;font-display:swap;src:url(montserratkiril400.ttf) format('truetype');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600 900;font-display:swap;src:url(montserratkiril600.ttf) format('truetype');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* ================================================================ 1. belirteçler (FbRenkler.acik / koyu) + eski değişkenlerin karşılığı */
:root{
  --f-zemin:#F6F7F9;--f-kart:#FFFFFF;--f-cizgi:#E7E9ED;--f-iz:#ECEEF2;--f-yazi:#15171B;--f-soluk:#6B717B;--f-soluk2:#8F959E;--f-vurgu:#B8440A;--f-menu:#FFFFFF;
  --f-tur:#FF5C1F;--f-tur-a:#FFB224;--f-mur:#16171B;--f-tur-z:#FFF1EA;--f-yesil:#167A47;--f-yesil-z:#E7F5EC;--f-kirmizi:#B42318;--f-kirmizi-z:#FDECEA;
  --f-golge:0 1px 2px rgba(21,23,27,.04),0 8px 24px rgba(21,23,27,.06);--f-cam:rgba(246,247,249,.9);--f-ust:64px;
  --f-gradyan:linear-gradient(90deg,#FFB224,#FF5C1F);
  /* eski adlar → yeni belirteçler (site.css / carsi3.css bunları kullanır) */
  --zemin:var(--f-zemin);--cizgi:var(--f-cizgi);--gri:var(--f-soluk);--gri2:var(--f-soluk2);--mur:var(--f-yazi);--mur2:#3A3E46;
  --fi:#FF5C1F;--fi-1:#FFB224;--fi-2:#FF5C1F;--fi-d:#FF5C1F;--fi-yazi:var(--f-vurgu);--fi-a:var(--f-tur-z);
  --yesil:var(--f-yesil);--kirmizi:var(--f-kirmizi);--deniz:var(--f-vurgu);--golge:var(--f-golge);
  --cd:var(--f-yazi);--cz:var(--f-zemin);--cc:var(--f-cizgi);--deniz-a:var(--f-tur-z);--yesil-a:var(--f-yesil-z);
  --sn-gece:var(--f-zemin);--sn-gece2:var(--f-kart);--sn-alev1:#FF5C1F;--sn-alev2:#FF5C1F;--sn-alev3:#FF5C1F;
  --yazi:'Poppins','Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  /* uygulamada dar Archivo 900 YALNIZ «FiBazaar» yazı markasında; başlık, fiyat, levha Poppins → eski --dar kullanan her yer Poppins (ağırlık aşağıda) */
  --dar:var(--yazi);--f-marka:'Archivo','Bahnschrift','Arial Narrow',sans-serif-condensed,Arial,sans-serif;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --f-zemin:#0D0E10;--f-kart:#16181B;--f-cizgi:#24272C;--f-iz:#1E2125;--f-yazi:#F0F1F3;--f-soluk:#979DA6;--f-soluk2:#757B84;--f-vurgu:#FF8A3D;--f-menu:#121417;
    --f-tur-z:rgba(255,92,31,.15);--f-yesil:#4CC38A;--f-yesil-z:rgba(76,195,138,.14);--f-kirmizi:#F97066;--f-kirmizi-z:rgba(249,112,102,.14);
    --f-golge:0 1px 2px rgba(0,0,0,.3);--f-cam:rgba(13,14,16,.9);--mur2:#C9CDD3;
  }
}

/* ================================================================ 2. temel */
html{-webkit-text-size-adjust:100%}
body{background:var(--f-zemin);color:var(--f-yazi);font-family:var(--yazi)}
::selection{background:rgba(255,92,31,.28)}
:focus-visible{outline:2px solid var(--f-tur);outline-offset:2px}
input,select,textarea,button{color:inherit;accent-color:var(--f-tur)}
.atla{background:var(--f-kart);color:var(--f-yazi)}
.ipucu,.kucuk{color:var(--f-soluk)}
.soluk{color:var(--f-soluk)}
hr{border-color:var(--f-cizgi)}
.dar{font-weight:700;font-stretch:normal;letter-spacing:-.02em}
/* eski dar (Archivo 900) başlıklar → Poppins 700, uygulamadaki ölçüler */
.buyuk-bas,.sure,.halka .hi,.av,.duz-ad,.istek-cip,.pin-g em,.mini b,.ruh b,.kol-kart b,.istat b,.kare3 b,.urun .lv,.damga-yazi,.u-yer span,.sn-bas h2,.sn-kutu b,
.sn-bant h2,.sn-isl-bas h1,.yer-bas,.yer-il h2,.sn-mekanlar h1{font-weight:700;font-stretch:normal;letter-spacing:-.02em}
.buyuk-bas{font-size:clamp(26px,7vw,32px);line-height:1.15;font-weight:600}
.ruh b{font-size:clamp(20px,6vw,24px)}
.kol-kart b,.kare3 b{font-size:20px}
.istat b{font-size:22px}
.mini b{font-size:18px}
.damga-yazi{font-size:22px}
.u-yer span{font-size:16px}
.yer-bas{font-size:clamp(30px,8vw,44px);line-height:1.1}
.yer-il h2{font-size:24px}
.sn-mekanlar h1{font-size:clamp(24px,4vw,32px);font-weight:600}
.sn-isl-bas h1{font-size:clamp(26px,5vw,40px)}
.sn-bant h2{font-size:clamp(22px,3vw,30px)}
.sn-kutu b{font-size:20px}
.kilit b,.sn-logo b{font-family:var(--f-marka);font-weight:900;font-stretch:66%;letter-spacing:-.005em;font-size:24px;line-height:1}

/* ================================================================ 3. kabuk: alt menü (telefon) · üst çubuk (masaüstü) · sayfa başlığı · tost */
.sekme{background:var(--f-menu);border-top:1px solid var(--f-cizgi);grid-template-columns:repeat(6,minmax(0,1fr));padding-top:4px}
.sekme a{color:var(--f-soluk);font-weight:500;gap:3px}
.sekme a[aria-current="page"]{color:var(--f-yazi);font-weight:600}
.sekme a[aria-current="page"]::before{top:auto;bottom:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--f-tur)}
.sekme .rz{background:var(--f-tur);color:var(--f-mur);box-shadow:0 0 0 2px var(--f-menu)}
.ust-bas,.gri-zemin .ust-bas{background:var(--f-cam);border-bottom:1px solid transparent}
.ust-bas h1{font-size:20px;font-weight:600;letter-spacing:-.015em}
.ub-alt{color:var(--f-soluk)}
.tost{background:var(--f-yazi);color:var(--f-zemin);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.tost a{color:inherit}
.tost.hata{background:var(--f-kirmizi);color:#fff}
@media (prefers-color-scheme:dark){.tost.hata{color:#16171B}}

/* ================================================================ 4. düğmeler · alanlar · kart · çip · boş durum */
.btn{border-radius:16px;font-weight:600;letter-spacing:0}
.btn-koyu,.btn-tur{background:var(--f-tur);color:var(--f-mur);font-weight:600}
.btn-gri{background:var(--f-iz);color:var(--f-yazi)}
.btn-beyaz{background:var(--f-kart);color:var(--f-yazi);box-shadow:inset 0 0 0 1px var(--f-cizgi)}
.btn-cizgi{background:transparent;color:var(--f-yazi);box-shadow:inset 0 0 0 1px var(--f-cizgi)}
.btn-kirmizi{background:var(--f-kirmizi);color:#fff}
@media (prefers-color-scheme:dark){.btn-kirmizi{color:#16171B}}
.btn:disabled,.btn[disabled],.c3-dgm:disabled{background:var(--f-iz)!important;color:var(--f-soluk)!important;box-shadow:none!important;cursor:not-allowed}
@media (hover:hover){.btn-koyu:hover,.btn-tur:hover{filter:brightness(1.05)}.btn-beyaz:hover,.btn-cizgi:hover,.btn-gri:hover{background:var(--f-iz)}}
.metin-dgm{color:var(--f-vurgu)}
.dgm{background:var(--f-iz);color:var(--f-yazi)}
.dgm.cam{background:rgba(255,255,255,.94);color:#16171B}
.dgm.koyu,.dgm.koyu-cam{background:rgba(22,23,27,.55);color:#fff}
.kare-dgm{background:var(--f-iz);color:var(--f-yazi)}

.alan label{color:var(--f-yazi);font-weight:600}
.alan input,.alan select,.alan textarea,.c3-suzgec input,.c3-suzgec select,.satir-form input,.satir-form select,.satir-form textarea,.kupon-gir input{
  background:var(--f-kart);color:var(--f-yazi);border:1px solid var(--f-cizgi);border-radius:16px}
.alan input,.alan select{min-height:52px}
.alan input:focus,.alan select:focus,.alan textarea:focus,.kupon-gir input:focus{border-color:var(--f-tur);box-shadow:0 0 0 1px var(--f-tur);outline:none}
.alan input::placeholder,.alan textarea::placeholder{color:var(--f-soluk)}
.alan .ipucu{color:var(--f-soluk)}
.onay-satir{color:var(--f-yazi)}

.kutu,.detay,.yaprak,.takip,.bilet,.siparis-kart,.acilis-kart,.akis-kart,.c3-kart,.c3-kg,.c3-firsat,.c3-plist,.c3-hk-not,.c3-oneri,.c3-lmod,.c3-dahafazla,.c3-sgor,
.c3-bilgi,.c3-yolkart,.c3-kutu,.c3-paket,.c3-mkart,.c3-msekme a,.c3-mara,.c3-gal,.c3-gal-ray img,.c3-kucuk button,.c3-ec span,.c3-sc span,.c3-shead,.c3-suzgec,
.u-galeri,.u-galeri img,.carsaf,.pin-g,.arama-hap,.istek-cip,.c3-hk-ust>span,.h3-konum,.h3-yol a,.c3-halkalar,.sn-adim li,.sn-ilceler a{background:var(--f-kart)}
.kutu{border-color:var(--f-cizgi);border-radius:20px}
.c3-kart,.c3-firsat,.c3-mkart,.c3-paket,.c3-kutu,.c3-bilgi,.c3-yolkart,.siparis-kart,.bilet{border:1px solid var(--f-cizgi);box-shadow:none}
.cip,.c3-cip,.c3-mod a,.etiket-cip{background:var(--f-kart);color:var(--f-yazi);box-shadow:inset 0 0 0 1px var(--f-cizgi);font-weight:500}
.cip.akt,.c3-cip.secili,.c3-mod a.on,.cip-secim input:checked+span{background:var(--f-yazi);color:var(--f-zemin);box-shadow:none}
.bos{color:var(--f-soluk)}
.bos .ik{color:var(--f-soluk2)}
.bos h2{color:var(--f-yazi);font-weight:600}
.bolum-bas h2,.c3-bas h2,.c3-bas h3,.sn-bas h2{font-weight:600;letter-spacing:-.015em;color:var(--f-yazi)}
.bolum-bas a,.c3-bas a,.sn-bas a{color:var(--f-vurgu);font-weight:600}

/* turuncu zemin = mürekkep yazı; degrade yok (yalnız logo + ilerleme çizgisi) */
.levha,.c3-ind,.urun .lv,.canli-kart .lv,.c3-canli,.flas-et,.c3-dgm.t,.h3-pin.f,.c3-plist .no.f,.kd-uyari .kd-isaret,.rz-satir,.liste-satir .no.sec,.pin-g.sec i,.sekme .rz{
  background:var(--f-tur);color:var(--f-mur)}
.c3-canli::before{background:var(--f-mur)}
/* indirim levhası: eğik dev levha → uygulamadaki düz küçük rozet (damga hareketi aynı sınıflarla) */
.levha{font-family:var(--yazi);font-weight:700;font-stretch:normal;line-height:1;letter-spacing:-.01em;padding:.3em .5em;border-radius:.45em;transform:none;box-shadow:none}
.c3-levha{left:10px;bottom:10px;font-size:13px}
.kucuk-levha{font-size:13px}
.akis-levha{font-size:34px;margin:0 0 10px 0}
.detay-levha{font-size:20px;top:-46px}
@keyframes damga{from{opacity:0;transform:scale(1.4)}to{opacity:1;transform:none}}
.c3-ff b{font-size:22px;font-weight:700;color:var(--f-yazi)}
.c3-fgk .c3-levha{left:10px;bottom:10px;font-size:13px}
.c3-gal .c3-levha{left:14px;bottom:14px;font-size:15px}
.c3-f b,.c3-f b.ind,.c3-ufiyat b,.c3-ufiyat b.ind{color:var(--f-yazi);font-weight:700;letter-spacing:-.02em}
.c3-f b{font-size:16.5px}
.c3-ufiyat b{font-size:30px}
.c3-ad{color:var(--f-yazi)}
.fiyat b{color:var(--f-yazi)}
.fiyat s,.c3-ff s{color:var(--f-soluk)}
.c3-bar{background:var(--f-tur-z)}
.c3-sure{background:rgba(22,23,27,.72);border-radius:8px}
.c3-canli{border-radius:8px}
.bar i,.c3-bar::before{background:var(--f-gradyan)}
.halka::before{background:var(--f-tur)}
.halka.goruldu::before{background:var(--f-cizgi)}
.halka .hi{box-shadow:0 0 0 3px var(--f-zemin)}
.duz-acilis{background:var(--f-tur)}
.c3-et,.c3-rz,.c3-kupon,.c3-pnot.f,.ipucu-satir,.taslak-et,.bildirim.yeni .bd-ik{background:var(--f-tur-z);color:var(--f-vurgu)}
.c3-vaat{background:var(--f-kart);color:var(--f-yazi);border:1px solid var(--f-cizgi)}
.c3-vaat .ik{color:var(--f-vurgu)}
.h3-bos,.c3-mhar-bos{background:var(--f-iz)}
/* koyu zeminli eski parçalar → ters (yazı rengi zemin, zemin rengi yazı): iki temada da okunur */
.etk.bekle{background:var(--f-tur-z);color:var(--f-vurgu)}
.pasaport{background:#16171B;color:#fff}   /* pasaport kartı iki temada da koyu kart (içi beyaz yazı) */
@media (prefers-color-scheme:dark){.pasaport{background:var(--f-iz);box-shadow:inset 0 0 0 1px var(--f-cizgi)}}
.damga,.bos-damga{color:var(--f-soluk)}
.pin-g i,.liste-satir .no,.kazanc,.profil-av,.u-et,.suzgec summary em,.sahte-et{background:var(--f-yazi);color:var(--f-zemin)}
.pin-g.sec{background:var(--f-yazi);color:var(--f-zemin)}
.zaman-cizgi li.tamam::before,.tamam .zc-nokta{background:var(--f-tur)}
.zc-nokta{background:var(--f-kart)}
.anahtar::after{background:#fff}

/* ================================================================ 5. masaüstü ≥ 1000 px: üst çubuk (uygulamanın geniş ekranı) — sol menünün yerine */
@media (min-width:1000px){
  .sekme{top:0;bottom:auto;left:0;right:0;width:auto;height:var(--f-ust);padding:0 max(24px,calc((100% - 1240px) / 2));display:flex;flex-direction:row;align-items:center;gap:2px;
    border-top:0;border-right:0;border-bottom:1px solid var(--f-cizgi);background:var(--f-menu)}
  .sekme-logo{display:flex!important;margin-right:auto;padding:0!important;height:auto!important}
  .sekme-logo:hover{background:none!important}
  .sekme-logo .kilit small{display:none}
  .sekme-logo .kilit b{font-size:26px}
  .sekme a{flex-direction:row;justify-content:center;height:44px;padding:0 13px;gap:8px;border-radius:12px;font-size:14px;font-weight:500}
  .sekme a .ik{width:21px;height:21px}
  .sekme a:not(.sekme-logo):hover{background:var(--f-iz);color:var(--f-yazi)}
  .sekme a[aria-current="page"]{background:transparent}
  .sekme a[aria-current="page"]::before{top:auto;bottom:2px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%}
  .sekme .rz{position:absolute;top:3px;left:24px;margin:0;box-shadow:0 0 0 2px var(--f-menu)}
  body.tabli main{margin-left:0;padding-top:var(--f-ust)}
  .tabli .cta-bar{left:0}
  .tost{left:50%;top:calc(var(--f-ust) + 12px)}
  .tabli .ust-bas{top:var(--f-ust)}
  .harita-sayfa{height:calc(100vh - var(--f-ust))}
  .harita-alan,.carsaf,.harita-sayfa>.h3-tam{height:calc(100vh - var(--f-ust))}
  .tabli .c3-panel,.tabli .c3-gal,.tabli .c3-mkart,.tabli .c3-sag,.tabli .c3-yanpanel{top:calc(var(--f-ust) + 12px)}
  .tabli .c3-suzgec{top:calc(var(--f-ust) + 12px);max-height:calc(100vh - var(--f-ust) - 24px)}
  .tabli .akis-kap,.tabli .akis-oge{height:calc(100dvh - var(--f-ust))}
}

/* ================================================================ 6. Çarşı / içerik üst bandı (c3-ust): koyu deniz bandı → zemin, konum + arama + harita */
.c3-govde{background:var(--f-zemin)}
.c3{color:var(--f-yazi)}
.c3-ust{background:var(--f-zemin);color:var(--f-yazi);border-bottom:1px solid var(--f-cizgi)}
.c3-yer small{color:var(--f-soluk)}
.c3-yer b{color:var(--f-yazi)}
.c3-yer .ik{color:var(--f-soluk)}
.c3-ara{background:var(--f-kart);color:var(--f-soluk);border:1px solid var(--f-cizgi);box-shadow:none;border-radius:16px}
.c3-ara input{color:var(--f-yazi)}
.c3-ara input::placeholder{color:var(--f-soluk)}
.c3-ara:focus-within{border-color:var(--f-tur);box-shadow:0 0 0 1px var(--f-tur)}
.c3-hdgm{background:var(--f-iz);color:var(--f-yazi)}
.c3-oneri{border:1px solid var(--f-cizgi);box-shadow:0 18px 40px rgba(0,0,0,.14)}
/* eski koyu deniz (--cd) zeminli parçalar → ters renk (iki temada da okunur) */
.c3-hk-ac,.c3-plist .no,.c3-dgm.d,.h3-pin,.c3-lmod a.on,.c3-ec input:checked+span,.c3-pbas .no,.c3-msekme a.on{color:var(--f-zemin)}
.c3-mod{background:transparent}
.c3-lmod{background:var(--f-iz);border-radius:14px}
.c3-lmod a{color:var(--f-soluk)}
.c3-lmod a.on{background:var(--f-kart);color:var(--f-yazi);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.c3-sbas h1,.c3-sbas h2{font-family:var(--yazi);font-weight:600;font-stretch:normal;text-transform:none;letter-spacing:-.015em;font-size:20px}
.c3-ind{background:var(--f-tur);color:var(--f-mur);transform:none;font-size:12px;font-weight:700;padding:3px 7px;border-radius:8px;bottom:8px;right:8px;box-shadow:none}
.c3-mes{background:rgba(255,255,255,.94);color:#16171B}
.c3-tes{color:var(--f-yesil)}
.c3-kg{background:var(--f-iz)}
.c3-filtre-ac{border-color:var(--f-cizgi)}
.c3-oneri a[aria-selected="true"],.c3-oneri a:hover{background:var(--f-iz)}
@media (min-width:1000px){.tabli .c3-logo{display:none}}

/* ================================================================ 7. ANA SAYFA B (sinema.php snKahraman + fb3Kapilar) */
.sn-govde-b{background:var(--f-zemin)}
.sn{color:var(--f-yazi)}
.sn-kahraman{height:auto;min-height:0;overflow:visible;color:var(--f-yazi);background:transparent;isolation:auto;max-width:1240px;margin:0 auto;
  padding:calc(var(--ust) + 10px) 16px 0;display:flex;flex-direction:column;gap:12px}
.sn-ust{display:flex;align-items:center;gap:8px}
.sn-logo{color:var(--f-yazi)}
.sn-logo .fi-logo{filter:none}
.sn-logo small{color:var(--f-soluk);opacity:1;letter-spacing:0;font-size:11.5px}
.sn-cip{height:44px;padding:0 14px;color:var(--f-yazi);background:var(--f-kart);border:1px solid var(--f-cizgi);-webkit-backdrop-filter:none;backdrop-filter:none;font-size:14px}
.sn-cip:hover{background:var(--f-iz)}
.sn-konum .ik:first-child{color:var(--f-tur)}
.sn-konum span{font-weight:700;max-width:40vw;overflow:hidden;text-overflow:ellipsis}
.sn-hdgm{width:44px;padding:0;justify-content:center}
.sn-hdgm span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c3-ara.sn-ara{height:52px;max-width:none;padding:0 6px 0 14px;border-radius:16px;box-shadow:none;border:1px solid var(--f-cizgi);background:var(--f-kart)}
.sn-ara-dgm{height:40px;padding:0 18px;border-radius:12px;background:var(--f-tur);color:var(--f-mur);box-shadow:none;font-weight:600}
.sn-ara-dgm:hover{transform:none;box-shadow:none;filter:brightness(1.05)}
/* kampanya kartı: yazı solda, fotoğraf sağda (üstünde yazı yok) */
.sn-kart{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42%;min-height:176px;border-radius:24px;background:var(--f-kart);border:1px solid var(--f-cizgi);overflow:hidden}
.sn-orta{margin:0;padding:16px 4px 16px 16px;max-width:none;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.sn-ust-yazi{margin:0;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--f-vurgu)}
.sn-baslik{font-family:var(--yazi);font-weight:600;font-stretch:normal;font-size:19px;line-height:1.15;letter-spacing:-.02em;text-shadow:none;color:var(--f-yazi)}
.sn-baslik em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--f-vurgu);padding:0}
.sn-alt{margin:2px 0 0;max-width:none;font-size:12px;line-height:1.35;color:var(--f-soluk);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sn-noktalar{margin:10px 0 0;gap:5px}
.sn-noktalar i{width:6px;height:6px;border-radius:3px;background:var(--f-cizgi);transition:width .3s}
.sn-noktalar i.on{width:18px}
.sn-noktalar i.on::after{background:var(--f-tur);border-radius:3px}
.sn-slaytlar{position:relative;inset:auto;z-index:auto;margin:10px 10px 10px 0;border-radius:16px;overflow:hidden;background:var(--f-iz)}
.sn-slayt{border-radius:inherit;overflow:hidden}
.sn-slayt img{transform:none}
.sn-slayt.on img{animation:fb3-ken 9s cubic-bezier(.25,.6,.3,1) forwards}
@keyframes fb3-ken{from{transform:scale(1.08)}to{transform:scale(1)}}
.sn-slayt figcaption{right:auto;left:8px;bottom:8px;max-width:calc(100% - 16px)}
.sn-slayt figcaption a{align-items:flex-start;padding:5px 9px;border-radius:10px;background:rgba(255,255,255,.92);color:#16171B;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:100%}
.sn-slayt figcaption b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sn-slayt figcaption small{display:none}
.sn-slayt.duz{background:var(--f-iz)}
.sn-slayt.sn-silu{background:var(--f-iz)}
.sn-hizli{margin:0 -16px;padding:0 16px}
.sn-hizli a{height:40px;color:var(--f-yazi);background:var(--f-kart);border:1px solid var(--f-cizgi);-webkit-backdrop-filter:none;backdrop-filter:none;font-weight:500;font-size:13px}
.sn-hizli a .ik{color:var(--f-soluk)}
.sn-hizli a:hover{background:var(--f-iz);transform:none}
.sn-alt-bant{min-height:0}
.sn-serit{height:48px;background:var(--f-kart);border:1px solid var(--f-cizgi);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px}
.sn-serit-ic a{color:var(--f-yazi)}
.sn-serit-ic a b{color:var(--f-vurgu);font-family:var(--yazi);font-weight:700;font-size:14px}
.sn-serit-ic a small{color:var(--f-soluk);opacity:1}
.sn-sayilar{gap:10px;flex:1}
.sn-sayilar span{flex:1;padding:10px 12px;border-radius:16px;background:var(--f-kart);border:1px solid var(--f-cizgi);color:var(--f-soluk);letter-spacing:0}
.sn-sayilar b{font-family:var(--yazi);font-weight:700;font-stretch:normal;font-size:20px;color:var(--f-yazi)}
/* kapılar: 2 büyük (fotoğraf daire) + 4 küçük (3B simge) — uygulamadaki ızgara; sırayla rafa düşer */
.fb3-kapilar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1240px;margin:14px auto 0;padding:0 16px}
.fb3-kapi{position:relative;display:flex;min-height:86px;border-radius:20px;background:var(--f-kart);border:1px solid var(--f-cizgi);overflow:hidden;color:var(--f-yazi);
  animation:fb3-dus .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(120ms + var(--sira) * 55ms);transition:transform .2s,background .2s}
.fb3-kapi:active{transform:scale(.98)}
@media (hover:hover){.fb3-kapi:hover{background:var(--f-iz)}}
.fb3-kapi.buyuk{min-height:174px;border-radius:24px}
.fb3-kapi-yazi{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:3px;padding:13px 70px 12px 14px;min-width:0}
.fb3-kapi.buyuk .fb3-kapi-yazi{padding:15px 14px 14px}
.fb3-kapi b{font-size:15.5px;font-weight:600;letter-spacing:-.015em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb3-kapi.buyuk b{font-size:21px;white-space:normal}
.fb3-kapi small{font-size:11.5px;line-height:1.3;color:var(--f-soluk);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fb3-kapi.buyuk small{max-width:68%;-webkit-line-clamp:3}
.fb3-kapi em{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--f-vurgu);
  padding:4px 8px 4px 6px;border-radius:999px;background:var(--f-kart);position:relative;z-index:1}
.fb3-kapi img{position:absolute;right:6px;top:50%;width:56px;height:56px;margin-top:-28px;object-fit:contain;pointer-events:none}
.fb3-kapi.buyuk img{top:auto;right:-20px;bottom:-20px;margin:0;width:108px;height:108px;border-radius:50%;object-fit:cover}
@media (max-width:379.98px){   /* küçük telefon: küçük kutu adı kesilmesin (uygulamada FittedBox) */
  .fb3-kapi-yazi{padding-right:50px}
  .fb3-kapi img{width:42px;height:42px;margin-top:-21px;right:5px}
  .fb3-kapi b{font-size:14.5px}
  .fb3-kapi.buyuk b{font-size:19px}
}
@keyframes fb3-dus{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
.sn-govde{background:var(--f-zemin);border-radius:0;margin-top:0;box-shadow:none}
.sn-bolum{max-width:1240px}
.sn-bas h2,.c3-bas h2,.c3-bas h3{font-size:17px;font-weight:600;font-stretch:normal;letter-spacing:-.015em;text-transform:none}
.sn-bas p,.c3-bas p,.c3-bas small{color:var(--f-soluk)}
@media (min-width:1000px){.sn-bas h2,.c3-bas h2{font-size:22px}}
.sn-kutu,.sn-mekan{border-radius:20px}
.sn-kutu-ik{background:rgba(255,255,255,.92);color:#16171B}
.sn-kutu b,.sn-mekan-ic b{font-family:var(--yazi);font-weight:700;font-stretch:normal;letter-spacing:-.02em}
.c3-halkalar{background:transparent;box-shadow:none;border:0}
.c3-halka span{color:var(--f-yazi)}
.c3-katlar a{color:var(--f-yazi)}
.sn-bant,.sn-isl-bas{background:var(--f-kart);color:var(--f-yazi);border:1px solid var(--f-cizgi)}
.sn-bant .sn-ust-yazi,.sn-isl-bas .sn-ust-yazi{color:var(--f-vurgu)}
.sn-bant p,.sn-isl-bas p{color:var(--f-soluk)}
.sn-bant h2,.sn-isl-bas h1{color:var(--f-yazi);font-family:var(--yazi);font-stretch:normal;font-weight:600;letter-spacing:-.02em}
.sn-bant .btn,.sn-adim li span,.sn-ilce-ik,.yer-konum{background:var(--f-tur);color:var(--f-mur);box-shadow:none}
.sn-adim li{border:1px solid var(--f-cizgi)}
.sn-ilceler a{border:1px solid var(--f-cizgi);color:var(--f-yazi)}
.carsi-alt,.sn-dip{color:var(--f-soluk)}
/* rehber başvurusu girişi (rehber sayfası, mekân listesi, /isletme) → /rehber/basvuru */
.fb3-rehber-ekle{display:flex;align-items:center;gap:12px;margin:18px 0 6px;padding:14px 16px;border-radius:20px;background:var(--f-kart);border:1px dashed var(--f-cizgi);color:var(--f-yazi)}
.fb3-rehber-ekle>.ik:first-child{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--f-tur-z);color:var(--f-vurgu)}
.fb3-rehber-ekle span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fb3-rehber-ekle b{font-size:14.5px;font-weight:600}
.fb3-rehber-ekle small{font-size:12px;color:var(--f-soluk)}
.fb3-rehber-ekle>.ik:last-child{flex:none;color:var(--f-soluk)}
@media (hover:hover){.fb3-rehber-ekle:hover{background:var(--f-iz);border-style:solid}}
.sn-isl .fb3-rehber-ekle{max-width:760px;margin:16px auto 0}
.sn-bant{box-shadow:none}
@media (prefers-color-scheme:dark){.iyzico-bant{background:#fff;border-radius:12px;padding:6px 10px}}   /* ödeme logoları koyu zeminde okunmaz → beyaz şerit */
@media (min-width:700px){
  .sn-kart{min-height:220px;grid-template-columns:minmax(0,1fr) 46%}
  .sn-orta{padding:24px 8px 24px 26px}
  .sn-baslik{font-size:28px}
  .sn-alt{font-size:14px}
  .fb3-kapilar{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .fb3-kapi.buyuk{grid-column:span 2;min-height:230px}
  .fb3-kapi.buyuk b{font-size:30px}
  .fb3-kapi.buyuk small{font-size:13.5px}
  .fb3-kapi.buyuk img{width:190px;height:190px;right:-26px;bottom:-30px}
  .fb3-kapi{min-height:140px}
  .fb3-kapi b{font-size:19px}
  .fb3-kapi small{font-size:12.5px}
  .fb3-kapi img{top:auto;bottom:10px;margin:0;width:80px;height:80px;right:10px}
  .fb3-kapi-yazi{padding:18px 18px 16px}
}
@media (min-width:1000px){
  .sn-kahraman{padding:24px 24px 0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ust ara" "kart kart" "hizli hizli" "bant bant";gap:16px 20px;align-items:center}
  .sn-ust{grid-area:ust}
  .tabli .sn-kahraman .sn-logo{display:none}
  .sn-ara{grid-area:ara}
  .sn-kart{grid-area:kart;min-height:320px;grid-template-columns:minmax(0,1fr) 44%}
  .sn-orta{padding:36px 12px 36px 40px}
  .sn-ust-yazi{font-size:12px}
  .sn-baslik{font-size:clamp(34px,3.4vw,46px)}
  .sn-alt{font-size:15px;max-width:520px}
  .sn-slaytlar{margin:14px 14px 14px 0;border-radius:18px}
  .sn-hizli{grid-area:hizli;margin:0;padding:0}
  .sn-alt-bant{grid-area:bant}
  .fb3-kapilar{padding:0 24px;gap:20px;margin-top:20px}
  .fb3-kapi.buyuk{min-height:250px}
  .fb3-kapi{min-height:150px}
}

/* ilçe haritalı açılış (kampanya kartında) — açık / koyu belirteçlerle */
.sn-silu-svg{left:0;top:0;width:100%;height:100%}
.sn-silu-k{fill:transparent;stroke:var(--f-cizgi);stroke-width:1}
.sn-silu-p{fill:var(--f-tur-z);stroke:var(--f-tur);stroke-width:2.2;filter:none}
@keyframes sn-ciz{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.sn-silu-n{fill:var(--f-soluk)}
.sn-silu-n.c{fill:var(--f-tur)}
@media (min-width:1000px){.sn-silu-svg{left:0;top:0;width:100%;height:100%}}
.sn-mekanlar h1{color:var(--f-yazi)}

/* ================================================================ 7b. «Neredesin?» (/yer) — koyu gece zemini → uygulamanın düz zemini */
.yer-govde{background:var(--f-zemin)}
.yer{color:var(--f-yazi);background:var(--f-zemin)}
.yer-arka{opacity:.9}
.yer-iller path{fill:var(--f-iz);stroke:var(--f-zemin);stroke-width:1}
.yer-iller path.on{fill:var(--f-tur-z);stroke:var(--f-tur)}
.yer-noktalar circle{fill:var(--f-tur)}
.yer-sec{fill:#fff;stroke:var(--f-tur);filter:none}
.yer-logo{color:var(--f-yazi)}
.yer-logo .fi-logo{filter:none}
.yer-logo b{font-family:var(--f-marka);font-weight:900;font-stretch:66%;font-size:24px}
.yer-logo small{color:var(--f-soluk);opacity:1}
.yer-bas{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--f-yazi)}
.yer-alt{color:var(--f-soluk)}
.yer-uyari{background:var(--f-kirmizi-z);border-color:transparent;color:var(--f-yazi)}
.yer-konum{color:var(--f-mur);box-shadow:none;border-radius:20px}
.yer-konum:hover{transform:none;box-shadow:none;filter:brightness(1.05)}
.yer-ayrac{color:var(--f-soluk)}
.yer-ayrac::before,.yer-ayrac::after{background:var(--f-cizgi)}
.yer-ara{background:var(--f-kart);border:1px solid var(--f-cizgi);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px;color:var(--f-soluk)}
.yer-ara:focus-within{background:var(--f-kart);border-color:var(--f-tur);box-shadow:0 0 0 1px var(--f-tur)}
.yer-ara input{color:var(--f-yazi)}
.yer-ara input::placeholder{color:var(--f-soluk)}
.yer-sonuc a,.yer-cipler a,.yer-ilceler a{color:var(--f-yazi);background:var(--f-kart);border:1px solid var(--f-cizgi)}
.yer-sonuc a:hover,.yer-sonuc a.sec,.yer-cipler a:hover{background:var(--f-tur-z);border-color:var(--f-tur);transform:none}
.yer-sonuc a small,.yer-cipler small,.yer-bos{color:var(--f-soluk);opacity:1}
.yer-populer p{color:var(--f-vurgu);font-weight:700;letter-spacing:.1em}
.yer-ilceler small{color:var(--f-vurgu)}
.yer-tum{background:var(--f-kart);border:1px solid var(--f-cizgi)}
.yer-illiste a{color:var(--f-yazi)}
.yer-illiste a[aria-current]{color:var(--f-vurgu);font-weight:700}
.yer-atif,.yer-atif a{color:var(--f-soluk)}

/* ================================================================ 7c. «Ara» (/ara, musteri.php sayfaAra) — TEK RENK: turuncu + nötr (patron 30.10)
   istek levhaları, koleksiyon kartları, kategori noktası, işletme avatarı, fotoğrafsız fırsat karesi kategori / istek renginde değil; vurgu yalnız turuncu. */
.ara-kutu{background:var(--f-kart);color:var(--f-soluk);border:1px solid var(--f-cizgi);border-radius:16px}
.ara-kutu input{color:var(--f-yazi)}
.ara-kutu:focus-within{border-color:var(--f-tur);box-shadow:0 0 0 1px var(--f-tur)}
.ara-sayfa .ruh{background:var(--f-kart);color:var(--f-yazi);border:1px solid var(--f-cizgi);transition:background .2s}
.ara-sayfa .ruh .alt{color:var(--f-soluk)}
.ara-sayfa .ruh .sayi{background:var(--f-tur);color:var(--f-mur)}
.ara-sayfa .kol-kart{background:var(--f-kart);color:var(--f-yazi);border:1px solid var(--f-cizgi)}
.ara-sayfa .kol-kart span{color:var(--f-soluk);opacity:1}
@media (hover:hover){.ara-sayfa .ruh:hover,.ara-sayfa .kol-kart:hover{background:var(--f-iz)}}
.ara-sayfa .kat-nokta{background:var(--f-tur)}
.halka.tek .hi{background:var(--f-iz);color:var(--f-yazi)}
.mini.tek{background:var(--f-tur-z);color:var(--f-vurgu)}

/* ================================================================ 8. fırsat (M5) · işletme (M6) · ürün (Ç4) · mağaza (Ç5) — uygulamanın işletme / ürün ekranı dili */
.yaprak{background:var(--f-zemin);border-radius:24px 24px 0 0}
.takip{background:var(--f-kart);box-shadow:inset 0 0 0 1px var(--f-cizgi);border-radius:14px;color:var(--f-yazi)}
.takip.takipte{background:var(--f-iz);box-shadow:none}
.fiyat-kutu{background:var(--f-kart);border-color:var(--f-cizgi);border-radius:20px}
.fiyat-kutu small,.ust-et{color:var(--f-soluk)}
.sayac{font-family:var(--yazi);font-weight:700;font-stretch:normal;letter-spacing:-.02em;font-size:32px;line-height:1}
.dahil li{color:var(--f-yazi)}
.dahil .ik{color:var(--f-yesil)}
.adim{background:var(--f-kart);box-shadow:inset 0 0 0 1px var(--f-cizgi)}
.adim button{color:var(--f-yazi)}
.adim input{color:var(--f-yazi)}
.cta-bar{background:var(--f-menu);border-top-color:var(--f-cizgi)}
.cta-not{color:var(--f-soluk)}
.isl-satir .ad b,.isl-ad{color:var(--f-yazi)}
.ornek-et{background:var(--f-iz);color:var(--f-soluk)}
.canli-et{color:var(--f-vurgu)}
.bilgi-satir,.saatler{color:var(--f-yazi)}
.wa,.wa.onizleme{background:var(--f-yesil-z);color:var(--f-yazi)}
.wa small{color:var(--f-yesil)}
.kat{color:var(--f-soluk)!important}   /* kategori satırı: uygulamadaki gibi soluk (koyu temada kategori rengi okunmuyordu) */
.ruh.acik{color:#16171B}   /* açık renkli istek levhasında yazı sabit mürekkep */
.c3-dgm{background:var(--f-kart);color:var(--f-yazi);border-color:var(--f-cizgi)}
.h3-atif{color:#3A3E46}

/* ================================================================ 9. sepet (M7) · ödeme (Ç6–Ç7) · bilet (M8) · sipariş / takip (Ç8–Ç9) */
.tutma{background:var(--f-tur-z);color:var(--f-yazi)}
.tutma .ik,.tutma b{color:var(--f-vurgu)}
.tutma b{font-family:var(--yazi);font-weight:700;font-stretch:normal;font-size:20px;letter-spacing:-.01em}
.grup,.c3-paket{background:var(--f-kart);border-color:var(--f-cizgi);border-radius:20px}
.kazanc{background:var(--f-tur-z);color:var(--f-yazi)}
.kazanc span{color:var(--f-soluk)}
.kazanc b{font-family:var(--yazi);font-weight:700;font-stretch:normal;font-size:24px;letter-spacing:-.02em;line-height:1;color:var(--f-vurgu)}
.toplam-satir span{color:var(--f-soluk)}
.secenek{background:var(--f-kart);box-shadow:inset 0 0 0 1.5px var(--f-tur)}
.secenek .r{border-color:var(--f-tur)}
input[type=radio],input[type=checkbox]{accent-color:var(--f-tur)!important}
.secim{background:var(--f-kart);box-shadow:inset 0 0 0 1px var(--f-cizgi)}
.secim:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--f-tur);background:var(--f-tur-z)}
.secim>.ik{color:var(--f-soluk)}
.toplam-kutu,.adres-ozet,.adres-sec label,.tes-sec label,.odeme-sec label,.paket{background:var(--f-kart);border-color:var(--f-cizgi)}
.bilet-kutu{background:var(--f-tur-z)}
.qr-kutu{background:#fff;border-radius:20px}
.bilet-saat .saat-buyuk,.saat-buyuk{font-family:var(--yazi);font-weight:700;font-stretch:normal;letter-spacing:-.02em}
.kod{font-family:var(--yazi);letter-spacing:.06em}
.bilet-kesik{border-color:var(--f-cizgi)}
.sk-toplam,.sk-ad{color:var(--f-yazi)}
.zaman-cizgi li{color:var(--f-soluk)}
.zaman-cizgi li.tamam,.zaman-cizgi li.simdi{color:var(--f-yazi)}
.tamam-kutu{background:var(--f-yesil-z);color:var(--f-yazi)}
.takip-kutu{background:var(--f-kart);border:1px solid var(--f-cizgi);border-radius:20px}

/* ================================================================ 9b. KAPI SAYFALARI (kapilar.php: /yerel-pazar · /yemek · /carsi/kargo) — uygulamanın KapiSayfasi'sı
   yapışkan başlık (geri · kapı adı · ilçe) · teslim biçimi seçim çubuğu · bölüm başlıkları · dükkân satırı / restoran kartı / afiş. Tek renk: turuncu + nötr. */
.fb3-kp .ust-bas{max-width:none;padding-left:max(16px,calc((100% - 1248px) / 2));padding-right:max(16px,calc((100% - 1248px) / 2));background:var(--f-cam)}
.fb3-kp .ust-bas h1{font-size:20px;font-weight:600}
.fb3-kp-ilce{flex:none}
.fb3-kp-ic{max-width:1280px;margin:0 auto;padding:4px 16px 32px}
.fb3-kp-bolum{margin-top:6px}
.fb3-kp-bolum .c3-bas{margin:20px 0 10px}
.fb3-kp-not{margin:-4px 0 10px;font-size:12.5px;color:var(--f-soluk)}
.fb3-kp .c3-firsatlar{margin:0 -16px;padding:2px 16px 6px}
.fb3-secim{display:flex;gap:4px;max-width:520px;margin:4px 0 0;padding:4px;border-radius:16px;background:var(--f-iz)}
.fb3-secim a{flex:1;min-width:0;display:flex;flex-direction:column;padding:9px 12px;border-radius:12px;color:var(--f-yazi);transition:background .2s,box-shadow .2s}
.fb3-secim b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb3-secim small{font-size:11px;color:var(--f-soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb3-secim a.on{background:var(--f-kart);box-shadow:0 4px 12px -6px rgba(0,0,0,.18)}
.fb3-secim a.on b{color:var(--f-vurgu)}
@media (hover:hover){.fb3-secim a:not(.on):hover{background:rgba(127,127,127,.08)}}
.fb3-satirlar{display:grid;gap:10px}
.fb3-satir{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border-radius:20px;background:var(--f-kart);border:1px solid var(--f-cizgi);color:var(--f-yazi);transition:background .2s}
.fb3-satir>.ik{flex:none;color:var(--f-soluk)}
.fb3-g{position:relative;flex:none;width:86px;height:86px;border-radius:14px;overflow:hidden;background:var(--f-iz);color:var(--f-soluk);display:flex;align-items:center;justify-content:center}
.fb3-g img{width:100%;height:100%;object-fit:cover}
.fb3-satir-ic{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fb3-satir-ic b{font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb3-satir-ic small{font-size:12px;color:var(--f-soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb3-satir-ic .fb3-durum{font-size:11.5px;margin-top:2px}
.fb3-rozetler{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px;min-width:0}
.fb3-rozet{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 7px;border-radius:8px;background:var(--f-iz);color:var(--f-yazi);font-size:10.5px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb3-rozet .ik{flex:none;width:12px;height:12px}
.fb3-restoranlar{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.fb3-restoran{display:flex;flex-direction:column;min-width:0;border-radius:24px;background:var(--f-kart);border:1px solid var(--f-cizgi);overflow:hidden;color:var(--f-yazi);transition:background .2s}
.fb3-restoran .fb3-g{width:100%;height:172px;border-radius:0}
.fb3-restoran .fb3-g em{position:absolute;right:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:var(--f-kart);color:var(--f-yazi);font-style:normal;font-size:12px;font-weight:600}
.fb3-restoran-ic{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px;min-width:0}
.fb3-restoran-ic b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.fb3-restoran-ic small{font-size:12px;color:var(--f-soluk)}
.fb3-restoran-ic .fb3-rozetler{margin-top:8px}
@media (hover:hover){.fb3-satir:hover,.fb3-restoran:hover{background:var(--f-iz)}}
.fb3-afis{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:stretch;margin-top:4px;border-radius:24px;background:var(--f-kart);border:1px solid var(--f-cizgi);overflow:hidden}
.fb3-afis>div{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px;min-width:0}
.fb3-afis-ust{margin:0;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--f-vurgu)}
.fb3-afis h2{margin:0;font-size:17px;font-weight:600;line-height:1.15;letter-spacing:-.02em}
.fb3-afis p:last-child{margin:0;font-size:12px;color:var(--f-soluk)}
.fb3-afis-g{display:flex;align-items:center;justify-content:center;min-height:128px;margin:10px 10px 10px 0;border-radius:16px;background:var(--f-iz)}
.fb3-afis-g img{width:72px;height:72px;object-fit:contain}
@media (max-width:379.98px){.fb3-satir .fb3-g{width:72px;height:72px}}   /* küçük telefon: ad kesilmesin */
@media (min-width:620px){.fb3-restoranlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){
  .fb3-kp .ust-bas{min-height:84px}
  .fb3-kp .ust-bas h1{font-size:30px}
  .fb3-kp-ic{padding:8px 24px 40px}
  .fb3-kp .c3-firsatlar{margin:0;padding:0}
  .fb3-satirlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fb3-restoranlar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fb3-restoran .fb3-g{height:196px}
  .fb3-afis{grid-template-columns:minmax(0,1fr) 280px}
  .fb3-afis>div{padding:28px}
  .fb3-afis-ust{font-size:12px}
  .fb3-afis h2{font-size:30px;line-height:1.15;letter-spacing:-.3px}
  .fb3-afis p:last-child{font-size:14px}
  .fb3-afis-g{min-height:210px}
  .fb3-afis-g img{width:140px;height:140px}
}

/* ================================================================ 9c. DİL SEÇİCİ (01.11, dil.php dilSecici — FiEtkinlik davet sayfasının deseni: TR · EN · RU, seçili dolu)
   ana sayfa (kahramanın üst satırı: telefonda ayrı ince satır, masaüstünde çiplerin yanında) · kapı sayfaları (içeriğin başı) · «Neredesin?» */
.diller{display:flex;justify-content:flex-end;align-items:center;gap:2px;flex:none}
.diller a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--f-soluk);text-decoration:none}
.diller a:hover{background:var(--f-iz);color:var(--f-yazi)}
.diller a[aria-current]{background:var(--f-kart);color:var(--f-yazi);box-shadow:inset 0 0 0 1px var(--f-cizgi)}
.sn-ust{flex-wrap:wrap}
.sn-diller{order:-1;flex:1 0 100%;margin:-4px 0 -2px}
.fb3-kp-diller{margin:8px 0 4px}
.yer-diller{margin:-8px 0 8px}
@media (min-width:1000px){.sn-diller{order:0;flex:none;margin:0 0 0 4px}}

/* ================================================================ 10. yazdırma: A4 dikey (proje kuralı), açık renk, menü / alt çubuk / tost basılmaz */
@media print{
  @page{size:A4 portrait;margin:12mm}
  :root{--f-zemin:#fff;--f-kart:#fff;--f-cizgi:#D5D7DC;--f-iz:#F1F2F4;--f-yazi:#000;--f-soluk:#444;--f-vurgu:#000;--f-tur-z:#fff;--f-yesil-z:#fff;--mur2:#222;color-scheme:light}
  body{background:#fff;color:#000}
  .sekme,.cta-bar,.tost,.atla,.c3-ust,.sn-ust,.ust-bas .dgm,.diller{display:none!important}
  body.tabli main{margin:0;padding:0}
  .ust-bas{position:static}
}

/* ================================================================ 11. hareketi azalt */
@media (prefers-reduced-motion:reduce){
  .fb3-kapi,.sn-slayt.on img,.sn-serit-ic,.sn-noktalar i.on::after{animation:none!important}
  .fb3-kapi,.sn-noktalar i,.sn-slayt{transition:none!important}
}