/* OrtakBurada v10 — header varyasyonları için ORTAK temel (tema, yazı, yer tutucu sayfa) */
:root{
  --zemin:#FFFFFF; --yuzey:#F6F4F1; --yuzey-2:#EFECE8; --murekkep:#12100E; --sonuk:#5F5A54; --cizgi:#E8E4DF;
  --turuncu:#FF6B00; --turuncu-koyu:#E05500; --seftali:#FFBD59; --rozet-yazi:#3A2000;
  --golge:0 10px 30px rgba(18,16,14,.08),0 2px 6px rgba(18,16,14,.05);
  --cam:rgba(255,255,255,.78);
  --baslik:'Geist',system-ui,sans-serif; --govde:'Sora',system-ui,sans-serif;
  color-scheme:light;
}
[data-tema="koyu"]{
  --zemin:#12100E; --yuzey:#1B1815; --yuzey-2:#24201C; --murekkep:#F6F2EC; --sonuk:#A39D95; --cizgi:rgba(255,255,255,.10);
  --golge:0 12px 34px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3);
  --cam:rgba(18,16,14,.74);
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--zemin);color:var(--murekkep);font-family:var(--govde);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .35s,color .35s}
a{color:inherit;text-decoration:none}
html.tema-gecis *,html.tema-gecis *::before,html.tema-gecis *::after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,fill .3s ease !important}
html{scrollbar-gutter:stable} /* menü kaydırmayı kilitleyince sayfa yana zıplamasın */
:focus-visible{outline:2px solid var(--turuncu);outline-offset:3px;border-radius:10px}
.icerige-gec{position:fixed;left:16px;top:-60px;z-index:9999;padding:12px 16px;border-radius:12px;background:var(--murekkep);color:var(--zemin);font:600 14px var(--baslik);transition:top .2s}
.icerige-gec:focus{top:16px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
.gizli-metin{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* logo: temaya göre doğru dosya */
.logo-acik{display:block} .logo-koyu{display:none}
[data-tema="koyu"] .logo-acik{display:none} [data-tema="koyu"] .logo-koyu{display:block}

/* üye / misafir */
[data-kim="misafir"] .yalniz-uye{display:none !important}
[data-kim="uye"] .yalniz-misafir{display:none !important}

/* tema düğmesi (üç varyasyonda aynı çekirdek, görünüşü varyasyon verir) */
.tema-dugme{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--murekkep)}
.tema-dugme svg{width:19px;height:19px;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s}
.tema-dugme .ay{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6)}
[data-tema="koyu"] .tema-dugme .gunes{opacity:0;transform:rotate(90deg) scale(.6)}
[data-tema="koyu"] .tema-dugme .ay{opacity:1;transform:none}

/* bildirim rozeti (marka standardı: şeftali zemin, koyu yazı) */
.rozet{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:6px;background:var(--seftali);color:var(--rozet-yazi);font:700 10.5px/18px var(--baslik);text-align:center;border:2px solid var(--zemin)}

/* ── yer tutucu sayfa (kaydırma davranışını denemek için; hero bu adımda DEĞİŞMİYOR) ── */
.sahte{max-width:1180px;margin:0 auto;padding:170px 24px 120px}
.sahte .not{font:500 13px/1.5 var(--govde);color:var(--sonuk);border:1px dashed var(--cizgi);border-radius:12px;padding:12px 16px;display:inline-block;margin-bottom:40px}
.sahte h1{font:700 clamp(40px,6vw,76px)/1.02 var(--baslik);letter-spacing:-.035em;max-width:14ch}
.sahte h1 b{color:var(--turuncu);font-weight:700}
.sahte p.giris{margin-top:22px;max-width:52ch;color:var(--sonuk);font-size:17px}
.blok{height:340px;border-radius:18px;background:var(--yuzey);margin-top:28px;border:1px solid var(--cizgi)}
.blok.iki{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:none;border:0}
.blok.iki>div{background:var(--yuzey);border-radius:18px;border:1px solid var(--cizgi)}

/* ── önizleme kontrolü (TASARIMIN PARÇASI DEĞİL) ── */
.onizleme{position:fixed;left:16px;bottom:16px;z-index:5000;display:flex;gap:6px;align-items:center;padding:6px;border-radius:12px;background:#12100E;color:#fff;font:500 12px var(--govde);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.onizleme span{opacity:.6;padding:0 6px}
.onizleme button{color:#fff;padding:6px 10px;border-radius:8px;font-size:12px}
.onizleme button.secili{background:#FF6B00}
.onizleme a{padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.1)}

@media (max-width:640px){ .blok.iki{grid-template-columns:1fr} .onizleme{left:8px;right:8px;bottom:8px;flex-wrap:wrap;justify-content:center} }
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important} }

/* ═══ tema geçişi: TARAMA (25 Eyl, Bilo seçti) — yeni tema yukarıdan aşağı basılır, kenarda turuncu çizgi ═══ */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2;animation:gTarama .8s cubic-bezier(.65,0,.2,1) both}
.gecis-cizgi{position:fixed;left:0;top:0;z-index:99999;width:100vw;height:3px;pointer-events:none;background:var(--turuncu);view-transition-name:gecis-cizgi}
::view-transition-new(gecis-cizgi){animation:none}
::view-transition-group(gecis-cizgi){animation:gTaramaCizgi .8s cubic-bezier(.65,0,.2,1) both}
@keyframes gTarama{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes gTaramaCizgi{from{transform:translateY(0)}to{transform:translateY(100vh)}}

/* ══════════════════════════════════════════════════════════════════════
   OrtakBurada v10 HEADER (25 Eyl 2026, Bilo seçimi)
   Temel V1 "Buluşma": kaydırınca iki yarı iki el gibi ortada buluşur, aralarında elmas.
   V2'den alınanlar: ana düğme animasyonu, bildirim paneli, tam ekran elmas menü.
   V2'de bulunup giderilen hatalar notlarda (ob-hdr.js başı).
   ══════════════════════════════════════════════════════════════════════ */
.ob-hdr{position:fixed;top:0;left:0;right:0;z-index:900;padding:18px 0 0;pointer-events:none}
.ob-hdr .ic{width:min(1400px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;transition:width .75s cubic-bezier(.65,0,.2,1)}
.ob-hdr .yari{pointer-events:auto;display:flex;align-items:center;gap:26px;height:60px;padding:0 10px 0 6px;border-radius:16px;border:1px solid transparent;
  transition:background-color .45s,border-color .45s,box-shadow .45s,padding .6s cubic-bezier(.65,0,.2,1),gap .6s}
.ob-hdr .sag{gap:8px;padding:0 6px 0 10px}
.ob-hdr .logo{display:block;flex:0 0 auto;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ob-hdr .logo img{height:30px;width:auto;max-width:none;flex:none} /* logo asla ezilmez */
.ob-hdr .logo:hover{transform:translateY(-1px)}
.ob-hdr .elmas{width:11px;height:11px;border-radius:3px;background:var(--seftali);transform:rotate(45deg) scale(0);opacity:0;flex:0 0 auto;margin:0 7px;
  transition:transform .45s cubic-bezier(.3,1.6,.5,1) .35s,opacity .2s .35s}
.ob-hdr.birlesik .ic{width:var(--dar-gen,980px)}
.ob-hdr.birlesik .yari{background:var(--cam);border-color:var(--cizgi);box-shadow:var(--golge);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);padding:0 10px 0 16px}
.ob-hdr.birlesik .sag{padding:0 8px 0 10px}
.ob-hdr.birlesik .sol{gap:20px}
.ob-hdr.birlesik .elmas{transform:rotate(45deg) scale(1);opacity:1}

/* bağlantılar + kayan elmas işaretçi */
.ob-hdr nav{position:relative;display:flex;gap:2px}
.ob-hdr nav a{position:relative;font:500 14px/1 var(--baslik);letter-spacing:-.005em;color:var(--murekkep);opacity:.7;padding:12px 12px 14px;transition:opacity .25s}
.ob-hdr nav a:hover,.ob-hdr nav a[aria-current="page"]{opacity:1}
.ob-hdr nav a.obai{display:inline-flex;align-items:center;gap:7px}
.ob-hdr nav a.obai img{width:20px;height:20px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ob-hdr nav a.obai:hover img{transform:rotate(-18deg) scale(1.1)}
.ob-hdr .isaret{position:absolute;left:0;bottom:3px;width:6px;height:6px;border-radius:1.5px;background:var(--turuncu);pointer-events:none;
  transform:translateX(var(--x,0)) rotate(45deg) scale(var(--s,0));transition:transform .45s cubic-bezier(.3,1.4,.5,1)}

/* sağ taraf */
.ob-hdr .yazi-link{font:500 14px/1 var(--baslik);padding:12px;opacity:.72;transition:opacity .25s}
.ob-hdr .yazi-link:hover{opacity:1}
.ob-hdr .ikon{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;transition:background-color .25s}
.ob-hdr .ikon:hover,.ob-hdr .tema-dugme:hover{background:var(--yuzey-2)}
.ob-hdr .ikon svg{width:19px;height:19px}
.ob-hdr .ikon.zil.salla svg,.ob-hdr .ikon.zil:hover svg{animation:obZil .7s}
@keyframes obZil{0%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}
.ob-hdr .rozet{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.ob-hdr .rozet.bos{transform:scale(0)}

/* ana düğme (V2'den): yazı yukarı kayar, altından şeftali zeminle aynı yazı gelir */
.ob-cta{position:relative;overflow:hidden;isolation:isolate;display:inline-grid;height:42px;padding:0 18px;border-radius:12px;background:var(--turuncu);color:#fff;font:600 14px/42px var(--baslik);letter-spacing:-.005em;white-space:nowrap}
.ob-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--seftali);transform:translateY(101%);transition:transform .5s cubic-bezier(.65,0,.2,1)}
.ob-cta>span{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .5s cubic-bezier(.65,0,.2,1)}
.ob-cta>span+span{transform:translateY(100%);color:var(--rozet-yazi)}
.ob-cta:hover::before,.ob-cta:focus-visible::before{transform:none}
.ob-cta:hover>span:first-child,.ob-cta:focus-visible>span:first-child{transform:translateY(-100%)}
.ob-cta:hover>span+span,.ob-cta:focus-visible>span+span{transform:none}
.ob-cta svg{width:15px;height:15px}

.ob-hdr .avatar{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 4px;border-radius:12px;transition:background-color .25s}
.ob-hdr .avatar:hover{background:var(--yuzey-2)}
.ob-hdr .avatar i{width:32px;height:32px;border-radius:10px;background:var(--turuncu);color:#fff;display:grid;place-items:center;font:700 14px var(--baslik);font-style:normal}
.ob-hdr .avatar span{font:500 14px var(--baslik)}
.ob-hdr .menu-dugme{display:none;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:12px;background:var(--yuzey);font:600 14px var(--baslik)}
.ob-hdr .menu-dugme b{display:block;width:10px;height:10px;border-radius:2.5px;background:var(--turuncu);transform:rotate(45deg)}

/* ── bildirim paneli (V2'den; kapalıyken klavyeyle gezilemez, okunmamış işareti, tümünü oku) ── */
.ob-zil-sar{position:relative}
.ob-bildirim{position:absolute;top:calc(100% + 16px);right:-8px;width:min(372px,88vw);border-radius:16px;background:var(--zemin);border:1px solid var(--cizgi);box-shadow:var(--golge);overflow:hidden;
  clip-path:inset(0 0 100% 0 round 16px);visibility:hidden;transition:clip-path .5s cubic-bezier(.65,0,.2,1),visibility 0s .5s}
.ob-bildirim.acik{clip-path:inset(0 0 0 0 round 16px);visibility:visible;transition:clip-path .5s cubic-bezier(.65,0,.2,1),visibility 0s}
.ob-bildirim .bas{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}
.ob-bildirim .bas h4{font:600 14px var(--baslik)}
.ob-bildirim .bas button{font:500 12.5px var(--govde);color:var(--turuncu);padding:4px 6px;border-radius:8px}
.ob-bildirim .bas button:disabled{color:var(--sonuk);cursor:default}
.ob-bildirim ul{list-style:none;max-height:min(360px,60vh);overflow:auto}
.ob-bildirim li a{position:relative;display:block;padding:12px 16px 12px 34px;font-size:13px;line-height:1.5;border-top:1px solid var(--cizgi);transition:background-color .2s}
.ob-bildirim li a:hover{background:var(--yuzey)}
.ob-bildirim li a b{font:600 13px var(--baslik)}
.ob-bildirim li a small{display:block;color:var(--sonuk);font-size:12px;margin-top:2px}
.ob-bildirim li a::before{content:"";position:absolute;left:15px;top:19px;width:7px;height:7px;border-radius:2px;background:var(--turuncu);transform:rotate(45deg);transition:opacity .3s,transform .3s}
.ob-bildirim li a.okundu::before{opacity:0;transform:rotate(45deg) scale(0)}
.ob-bildirim .tumu{display:block;text-align:center;padding:12px;font:600 13px var(--baslik);border-top:1px solid var(--cizgi)}
.ob-bildirim .tumu:hover{background:var(--yuzey)}
.ob-bildirim .bos-durum{padding:28px 16px;text-align:center;color:var(--sonuk);font-size:13px;border-top:1px solid var(--cizgi)}

/* ── tam ekran menü (V2'den): düğmeden elmas biçiminde büyür ── */
.ob-menu{position:fixed;inset:0;z-index:950;background:var(--murekkep);color:var(--zemin);visibility:hidden;overflow-y:auto;overscroll-behavior:contain;
  clip-path:polygon(var(--mx) var(--my),var(--mx) var(--my),var(--mx) var(--my),var(--mx) var(--my));
  transition:clip-path .7s cubic-bezier(.65,0,.2,1),visibility 0s .7s}
.ob-menu.acik{visibility:visible;transition:clip-path .8s cubic-bezier(.65,0,.2,1),visibility 0s;
  clip-path:polygon(var(--mx) calc(var(--my) - 300vmax),calc(var(--mx) + 300vmax) var(--my),var(--mx) calc(var(--my) + 300vmax),calc(var(--mx) - 300vmax) var(--my))}
.ob-menu .ust{display:flex;justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;height:96px;padding:0 28px}
.ob-menu .ust img{height:30px}
.ob-menu .kapat{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:12px;background:color-mix(in srgb,var(--zemin) 10%,transparent);font:600 14px var(--baslik);color:inherit}
.ob-menu .liste{max-width:1320px;margin:0 auto;padding:24px 28px 60px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px}
.ob-menu .ana a{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 18px;font:600 clamp(34px,6vw,72px)/1.1 var(--baslik);letter-spacing:-.035em;opacity:0;transform:translateY(30px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),color .25s}
.ob-menu .ana a small{font:400 14px var(--govde);letter-spacing:0;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .4s}
.ob-menu .ana a:hover{color:var(--vurgu-menu,var(--seftali))}
.ob-menu .ana a:hover small,.ob-menu .ana a:focus-visible small{opacity:.7;transform:none}
.ob-menu .ana a[aria-current="page"]::before{content:"";position:absolute;left:-26px;top:.55em;width:12px;height:12px;border-radius:3px;background:var(--turuncu);transform:rotate(45deg)}
.ob-menu.acik .ana a{opacity:1;transform:none;transition-delay:calc(.35s + var(--i)*.06s),calc(.35s + var(--i)*.06s),0s} /* renk (hover) beklemesin */
.ob-menu .yan{display:flex;flex-direction:column;gap:10px;padding-top:14px;opacity:0;transition:opacity .5s}
.ob-menu.acik .yan{opacity:1;transition-delay:.7s}
.ob-menu .yan a,.ob-menu .yan button{font:500 16px var(--baslik);padding:14px 18px;border-radius:12px;border:1px solid color-mix(in srgb,var(--zemin) 22%,transparent);text-align:left;color:inherit;transition:border-color .25s}
.ob-menu .yan a:hover,.ob-menu .yan button:hover{border-color:var(--vurgu-menu,var(--seftali))}
.ob-menu .yan .not{font-size:13px;opacity:.65;margin-top:10px;line-height:1.55}
/* menü zemini temanın tersi: açık temada koyu menü, koyu temada açık menü; vurgu okunur kalsın */
.ob-menu .logo-acik{display:none} .ob-menu .logo-koyu{display:block}
[data-tema="koyu"] .ob-menu .logo-acik{display:block} [data-tema="koyu"] .ob-menu .logo-koyu{display:none}
[data-tema="koyu"] .ob-menu{--vurgu-menu:var(--turuncu-koyu)}
body.ob-kilit{overflow:hidden}
.ob-menu:focus{outline:none}

@media (hover:none){ .ob-menu .ana a small{opacity:.6;transform:none} } /* dokunmatikte açıklamalar hep görünür */
@media (max-width:980px){
  .ob-hdr nav,.ob-hdr .sag .yazi-link,.ob-hdr .sag .ob-cta,.ob-hdr .avatar{display:none}
  .ob-hdr .menu-dugme{display:inline-flex}
  .ob-hdr .ic,.ob-hdr.birlesik .ic{width:calc(100% - 24px)}
}
@media (max-width:760px){ .ob-menu .liste{grid-template-columns:1fr;padding:12px 20px 60px} .ob-menu .ust{padding:0 20px;height:84px} .ob-menu .ana a[aria-current="page"]::before{left:-18px;width:9px;height:9px} .ob-menu .ana{padding-left:18px} }
@media (max-width:600px){ .ob-bildirim{position:fixed;top:84px;left:12px;right:12px;width:auto} }
@media (max-width:420px){ .ob-hdr .sag .ikon.mesaj{display:none} .ob-hdr .logo img{height:26px}
  .ob-hdr .ic,.ob-hdr.birlesik .ic{width:calc(100% - 16px)} .ob-hdr .elmas{margin:0 3px} .ob-hdr .sag{gap:4px;padding:0 4px 0 6px} .ob-hdr .sol{padding:0 6px 0 4px}
  .ob-hdr.birlesik .yari{padding:0 8px 0 10px} .ob-hdr.birlesik .sag{padding:0 4px 0 6px} .ob-hdr .menu-dugme{padding:0 12px;gap:8px} } /* "Menü" yazısı kalır; tek başına elmas menü olduğunu anlatmıyordu */
@media (max-width:360px){ .ob-hdr .tema-dugme{display:none} .ob-hdr .logo img{height:24px} }

/* adımlar: ortak jetonlar + yardımcılar (kum zemin, v10) */
:root{--zemin:#F4EFE8;--yuzey:#ECE5DC;--yuzey-2:#E4DCD1;--cizgi:#DDD4C8;--cam:rgba(244,239,232,.8)}
[data-tema="koyu"]{--zemin:#15110D;--yuzey:#1E1914;--yuzey-2:#28211B;--cizgi:rgba(255,240,225,.10);--cam:rgba(21,17,13,.76)}
.ad-bas{max-width:1180px;margin:0 auto;padding:clamp(130px,15vw,180px) clamp(18px,4vw,56px) clamp(30px,4vw,48px)}
.ad-bas h1{font:700 clamp(40px,6vw,84px)/1 var(--baslik);letter-spacing:-.05em;max-width:15ch}
.ad-bas .giris{margin-top:18px;max-width:58ch;font-size:clamp(16px,1.35vw,20px);line-height:1.6;color:var(--sonuk)}
.ad-kap{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,56px)}
.ad-bolum{padding:clamp(60px,8vw,110px) 0}
.ad-bolum h2{font:700 clamp(28px,3.4vw,48px)/1.06 var(--baslik);letter-spacing:-.04em;max-width:20ch}
.ad-bolum .alt{margin-top:12px;color:var(--sonuk);max-width:56ch;line-height:1.6}
.ad-yertutucu{display:inline-block;padding:8px 12px;border-radius:10px;border:2px dashed var(--turuncu);color:var(--turuncu-koyu);font:600 13px/1.4 var(--baslik)}
.ad-anahtar{display:inline-flex;align-items:center;gap:10px;font:600 14px var(--baslik);cursor:pointer;user-select:none}
.ad-anahtar input{position:absolute;opacity:0;pointer-events:none}
.ad-anahtar i{width:42px;height:24px;border-radius:8px;background:var(--yuzey-2);border:1px solid var(--cizgi);position:relative;transition:background .3s}
.ad-anahtar i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:5px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .35s cubic-bezier(.65,0,.2,1)}
.ad-anahtar input:checked+i{background:var(--turuncu);border-color:var(--turuncu)}
.ad-anahtar input:checked+i::after{transform:translateX(18px)}
.ad-anahtar input:focus-visible+i{outline:2px solid var(--turuncu);outline-offset:2px}
.ad-rozet{display:inline-block;padding:4px 9px;border-radius:8px;font:600 12px var(--baslik);background:color-mix(in srgb,var(--seftali) 34%,transparent);color:var(--rozet-yazi)}
[data-tema="koyu"] .ad-rozet{color:var(--seftali)}
[data-gir]{opacity:0;transform:translateX(-22px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
[data-gir].gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ [data-gir]{opacity:1;transform:none} }

/* v10 footer prototipleri: ortak parçalar */
.sayfa-sonu{padding:clamp(120px,16vw,220px) clamp(18px,4vw,56px);text-align:center}
.sayfa-sonu .son-k{font:700 clamp(48px,8vw,120px)/.9 var(--baslik);letter-spacing:-.055em;display:flex;align-items:center;justify-content:center;gap:.2em}
.sayfa-sonu .son-k i{width:.26em;height:.26em;border-radius:22%;background:var(--seftali);transform:rotate(45deg)}
.sayfa-sonu .son-k span{color:var(--turuncu)}
.sayfa-sonu h2{margin-top:28px;font:700 clamp(26px,3vw,44px)/1.1 var(--baslik);letter-spacing:-.03em}
.sayfa-sonu .alt{margin-top:14px;color:var(--sonuk);font-size:14px}
/* bağlantı hareketi (Bilo 25 Eyl: alttaki çizgi olmasın): solda elmas belirir, yazıyı hafifçe iter, renk şeftaliye döner */
.bag{display:inline-flex;align-items:center;color:inherit;text-decoration:none;transition:color .35s cubic-bezier(.16,1,.3,1)}
.bag::before{content:"";flex:0 0 auto;width:7px;height:7px;margin-right:0;border-radius:2px;background:var(--turuncu);transform:rotate(45deg) scale(0);transition:transform .5s cubic-bezier(.3,1.6,.5,1),margin .5s cubic-bezier(.16,1,.3,1)}
.bag:hover,.bag:focus-visible{color:var(--turuncu-koyu)}
.ft-koyu .bag:hover,.ft-koyu .bag:focus-visible{color:var(--seftali)}
.bag:hover::before,.bag:focus-visible::before{transform:rotate(45deg) scale(1);margin-right:10px}
[data-gir]{opacity:0;transform:translateX(-24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
[data-gir].gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ [data-gir]{opacity:1;transform:none} }


/* ═══ A · PERDE — sayfanın son parçası kâğıt gibi kalkar, altından koyu footer çıkar ═══ */
main{position:relative;z-index:1;background:var(--zemin);border-radius:0 0 30px 30px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.ft-a{--f-zemin:#12100E;--f-yazi:#EFE8DE;--f-sonuk:#A1968A;--f-cizgi:rgba(255,240,225,.12);position:sticky;bottom:0;z-index:0;margin-top:-30px;padding:calc(30px + clamp(44px,5.5vw,76px)) clamp(18px,4vw,56px) 24px;background:var(--f-zemin);color:var(--f-yazi)}
[data-tema="koyu"] .ft-a{--f-zemin:#0B0907}
.ft-a .ft-ic{max-width:1180px;margin:0 auto}
.ft-a .ft-ust{display:flex;align-items:end;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-bottom:clamp(30px,3.6vw,48px);border-bottom:1px solid var(--f-cizgi)}
.ft-a .ft-davet{font:700 clamp(32px,4.4vw,64px)/1.02 var(--baslik);letter-spacing:-.045em;max-width:13ch}
.ft-a .ft-davet em{font-style:normal;color:var(--turuncu)}
.ft-a .ft-kolonlar{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:clamp(20px,3vw,48px);padding:clamp(28px,3.4vw,44px) 0}
.ft-a h2{display:flex;align-items:center;gap:8px;font:600 13px var(--baslik);color:var(--f-sonuk);margin-bottom:16px}
.ft-a h2::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--turuncu);transform:rotate(45deg)}
.ft-a ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ft-a li a{font:500 15.5px var(--govde)}
.ft-a .ft-alt{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--f-cizgi)}
.ft-a .ft-kimlik{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ft-a .ft-kimlik img{height:28px;width:auto}
.ft-a .ft-kimlik p{color:var(--f-sonuk);font-size:14px;max-width:40ch}
.ft-a .ft-sosyal{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font:500 14px var(--govde)}
.ft-a .ft-hukuk{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:18px;color:var(--f-sonuk);font-size:13px}
@media (max-width:860px){ .ft-a .ft-kolonlar{grid-template-columns:1fr 1fr} }
@media (max-width:760px){ .ft-a{position:relative} main{box-shadow:none} }   /* telefonda footer ekrandan uzun: perde yerine düz akış */
@media (max-width:480px){ .ft-a .ft-kolonlar{grid-template-columns:1fr 1fr;gap:28px 16px} .ft-a li a{font-size:14.5px} }
/* footer ekrana sığmıyorsa açılırken header yukarı çekilir (Bilo: header ile çakışıyordu) */
.ob-hdr{transition:transform .6s cubic-bezier(.65,0,.2,1)}
html.hdr-cekildi .ob-hdr{transform:translateY(-140%)}
html.hdr-cekildi .elmas-yolcu{opacity:0;transition:opacity .3s}

/* v10 canlı kabuk ekleri: bilgi şeridi, yükleme iskeleti */
.ob-serit{position:fixed;left:50%;bottom:22px;z-index:2000;max-width:min(92vw,520px);padding:12px 16px;border-radius:14px;background:#12100E;color:#F4EDE3;font:500 14px/1.4 var(--govde,system-ui);transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s}
.ob-serit.acik{transform:translate(-50%,0);opacity:1}
.ob-serit.hata{background:#8E2A2A}
.ob-iskelet{border-radius:22px;background:var(--yuzey-2,#EFE8DE);min-height:300px;position:relative;overflow:hidden}
.ob-iskelet::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:obIskelet 1.3s infinite}
@keyframes obIskelet{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.ob-iskelet::after{animation:none}.ob-serit{transition:none}}
.ob-hdr .avatar i img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}

/* ═══ Görsel denetim (3 Eki 2026, Bilo'nun keşfet ekran görüntüsü) ═══
   Kaydırılmış üst bant: (1) iki yarının zemini %76 saydamdı, arkadaki başlık ve etiket yazıları bandın içinden okunuyordu;
   (2) iki yarının arasındaki boşluktan alttaki içerik keskin biçimde görünüyordu.
   Yarılar artık neredeyse opak; aradaki boşlukta buzlu bir köprü var (elmas onun üstünde durur, alttaki yazı okunmaz). */
.ob-hdr.birlesik .yari{background:color-mix(in srgb,var(--zemin) 98%,transparent)}
.ob-hdr .ic{position:relative;isolation:isolate}
.ob-hdr .ic::before{content:"";position:absolute;left:28px;right:28px;top:9px;bottom:9px;z-index:-1;border-radius:14px;background:color-mix(in srgb,var(--zemin) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity .4s}
.ob-hdr.birlesik .ic::before{opacity:1;transition:opacity .5s .35s}

/* üst bant, milimetrik: tema düğmesi öteki düğmelerden 2 px kısaydı (40 / 42) */
.ob-hdr .tema-dugme{width:42px;height:42px}
/* üst bant bağlantıları iki satıra bölünmesin (misafirde 981-1200 px arasında "Kurumsal İşler", "Giriş yap" alt alta düşüyordu) */
.ob-hdr nav a,.ob-hdr .sag a,.ob-hdr .sag button{white-space:nowrap}
@media (min-width:981px) and (max-width:1240px){ html[data-kim="misafir"] .ob-hdr nav a{padding-left:8px;padding-right:8px;font-size:13.5px} html[data-kim="misafir"] .ob-hdr .sag{gap:2px} }

/* Ayarlar > Hareketleri azalt (3 Eki 2026): bu cihazda animasyon ve geçişler anında biter, sayfa geçişi oynamaz. İşletim sisteminin "hareketi azalt" ayarıyla aynı etki. */
html[data-hareket="az"] *,html[data-hareket="az"] *::before,html[data-hareket="az"] *::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
html[data-hareket="az"]::view-transition-group(*),html[data-hareket="az"]::view-transition-old(*),html[data-hareket="az"]::view-transition-new(*){animation:none!important}

/* alt banttaki "Çerez tercihleri" düğmesi telefonda 21 px yüksekti (en az 24): görünüm aynı, basılan alan büyür (3 Eki) */
.ck-ft{position:relative}.ck-ft::after{content:"";position:absolute;left:-4px;right:-4px;top:-6px;bottom:-6px}

/* sunucuda yazılmış içerik (kabuk: #obOn). Sayfanın betiği yüklenene kadar görünen sade okuma hâli; betik çizince kaldırılır. Yanındaki yükleniyor iskeleti o sırada gösterilmez. */
.ob-on{max-width:760px;margin:0 auto;padding:clamp(100px,11vw,124px) clamp(18px,4vw,36px) 48px;color:var(--murekkep)}
.ob-on h1{font-family:var(--baslik);font-size:clamp(28px,4.4vw,44px);line-height:1.2;letter-spacing:-.02em;margin:0 0 18px;overflow-wrap:anywhere}
.ob-on h2{font-family:var(--baslik);font-size:20px;line-height:1.3;margin:28px 0 10px}
.ob-on p{font-size:16px;line-height:1.65;margin:0 0 14px;overflow-wrap:anywhere}
.ob-on .ob-on-u{font-size:14px;color:var(--sonuk);margin-bottom:10px}
.ob-on ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.ob-on li{font-size:14px;padding:6px 12px;border:1px solid var(--cizgi);border-radius:10px;overflow-wrap:anywhere;min-width:0}
html:not([data-js]) .ob-on ~ .ob-yukleniyor{display:none}
/* betik çalışan tarayıcıda sayfanın kendi çizimi gelir; sade içerik araya girip sayfayı zıplatmasın */
html[data-js] .ob-on{display:none}
.ob-on .ob-on-liste{display:block}.ob-on .ob-on-liste li{border:0;padding:0 0 14px;font-size:16px}.ob-on .ob-on-liste p{font-size:14px;color:var(--sonuk);margin:4px 0 0}
/* üst banttaki bildirim paneli (5 Eki 2026): üst bandın "satır atlama" kuralı (.ob-hdr .sag a) panelin içine de işliyordu; uzun bildirim tek satırda kalıp
   panelin kenarında kesiliyordu. Panelde yazı satır atlar, uzun kelime bölünür, başlık ve metin en çok üç satır yer tutar. */
.ob-hdr .ob-bildirim,.ob-hdr .ob-bildirim li a,.ob-hdr .ob-bildirim .tumu,.ob-hdr .ob-bildirim .bas button{white-space:normal}
.ob-hdr .ob-bildirim li a{overflow-wrap:anywhere;min-width:0}
.ob-hdr .ob-bildirim li a .bl-m{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ob-hdr .ob-bildirim li a b{display:block;margin-bottom:2px}
.ob-hdr .ob-bildirim ul{overflow-x:hidden}

/* ObAi işaretinin canlı hâli (OB.obaiCanli): görselin tuvali logodan büyük olduğu için yerinde büyütülür, yerleşimi itmez */
img.obai-canli{transform:scale(1.4875);transform-origin:50% 50%;pointer-events:none;animation:none}
.obai-canli-k{overflow:visible!important}
.bas.dusunuyor .logo-k.obai-canli-k::after{display:none}


/* ═══ SAYFALAR ARASI GEÇİŞ: "Buluşma" (Bilo seçimi, 3 Eki 2026) ═══
   Yeni sayfa iki kenardan gelir, iki yarı ortada buluşur (üst bandın kaydırınca yaptığı hareketin sayfa boyu hâli).
   İki yarının önünde ince birer kenar çizgisi gider; buluşma anında dikişte marka elması belirir, çeyrek tur dönüp kaybolur.
   Geri gidişte hareket ters: sayfa ortadan iki yana açılır.
   Yalnız clip-path, translate, scale, rotate ve opacity oynar (tarayıcı ayrı katmanda çizer; sayfa kasılmaz).
   Desteklemeyen tarayıcıda sayfa geçişsiz, doğrudan açılır. Hareket azaltma tercihi açıksa geçiş oynamaz. */
.ob-hdr{view-transition-name:ob-ust-bant}
::view-transition-group(ob-ust-bant){z-index:5}
::view-transition-old(root){animation:obgSon .68s cubic-bezier(.65,0,.2,1) both}
::view-transition-new(root){animation:obgBulus .68s cubic-bezier(.65,0,.2,1) both}
@keyframes obgBulus{from{clip-path:polygon(0 0,0 0,0 100%,0 100%,0 0,100% 0,100% 100%,100% 100%,100% 0,0 0)}to{clip-path:polygon(0 0,50% 0,50% 100%,0 100%,0 0,100% 0,100% 100%,50% 100%,50% 0,0 0)}}
@keyframes obgSon{to{opacity:.4}}
html[data-yon="geri"]::view-transition-new(root){animation-name:obgAyril}
@keyframes obgAyril{from{clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%,50% 0,50% 0,50% 100%,50% 100%,50% 0,50% 0)}to{clip-path:polygon(0 0,50% 0,50% 100%,0 100%,0 0,100% 0,100% 100%,50% 100%,50% 0,0 0)}}
/* kenar çizgileri ve dikiş elması: yalnız geçiş anında görünür (iki sayfada da aynı yerde durur) */
.ob-gecis-kenar{position:fixed;top:0;bottom:0;width:2px;background:var(--turuncu);opacity:0;pointer-events:none;z-index:979}
.ob-gecis-kenar.sol{left:0;view-transition-name:ob-kenar-sol}.ob-gecis-kenar.sag{right:0;view-transition-name:ob-kenar-sag}
.ob-gecis-elmas{position:fixed;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:13px;background:var(--seftali);transform:rotate(45deg);opacity:0;pointer-events:none;z-index:980;box-shadow:inset -7px -7px 0 rgba(0,0,0,.09);view-transition-name:ob-elmas}
html[data-gecis-an] .ob-gecis-kenar,html[data-gecis-an] .ob-gecis-elmas{opacity:1}
::view-transition-group(ob-kenar-sol){z-index:4;animation:obgKenarSol .68s cubic-bezier(.65,0,.2,1) both}
::view-transition-group(ob-kenar-sag){z-index:4;animation:obgKenarSag .68s cubic-bezier(.65,0,.2,1) both}
@keyframes obgKenarSol{0%{translate:0 0;opacity:0}12%{opacity:.9}88%{opacity:.9}100%{translate:calc(50vw - 1px) 0;opacity:0}}
@keyframes obgKenarSag{0%{translate:0 0;opacity:0}12%{opacity:.9}88%{opacity:.9}100%{translate:calc(-50vw + 1px) 0;opacity:0}}
html[data-yon="geri"]::view-transition-group(ob-kenar-sol){animation-name:obgKenarSolG}
html[data-yon="geri"]::view-transition-group(ob-kenar-sag){animation-name:obgKenarSagG}
@keyframes obgKenarSolG{0%{translate:calc(50vw - 1px) 0;opacity:0}12%{opacity:.9}88%{opacity:.9}100%{translate:0 0;opacity:0}}
@keyframes obgKenarSagG{0%{translate:calc(-50vw + 1px) 0;opacity:0}12%{opacity:.9}88%{opacity:.9}100%{translate:0 0;opacity:0}}
::view-transition-old(ob-kenar-sol),::view-transition-old(ob-kenar-sag),::view-transition-old(ob-elmas){display:none}
::view-transition-new(ob-kenar-sol),::view-transition-new(ob-kenar-sag){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-group(ob-elmas){z-index:9;animation:none}
::view-transition-new(ob-elmas){animation:obgElmasBulus .68s cubic-bezier(.65,0,.2,1) both;mix-blend-mode:normal}
@keyframes obgElmasBulus{0%,52%{opacity:0;scale:.3}72%{opacity:1;scale:1;rotate:0deg}90%{opacity:1;scale:1.08;rotate:90deg}100%{opacity:0;scale:.7;rotate:90deg}}
html[data-yon="geri"]::view-transition-new(ob-elmas){animation-name:obgElmasAyril}
@keyframes obgElmasAyril{0%{opacity:0;scale:.5;rotate:90deg}14%{opacity:1;scale:1.08;rotate:90deg}34%{opacity:1;scale:1;rotate:0deg}52%,100%{opacity:0;scale:.3}}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* ═══ ÇEREZ ORTAK — anahtar düğme, alt bilgi bağlantısı ═══ */
.gizli-y{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ck-an{position:relative;display:inline-flex;flex:none;cursor:pointer}
.ck-an input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ck-an span{position:relative;width:44px;height:26px;border-radius:13px;background:var(--cizgi);transition:background .25s}
.ck-an span i{position:absolute;left:5px;top:5px;width:16px;height:16px;border-radius:3.5px;background:var(--zemin);transform:rotate(45deg) scale(.85);transition:transform .4s cubic-bezier(.34,1.5,.5,1)}
.ck-an input:checked+span{background:var(--turuncu)}
.ck-an input:checked+span i{transform:translateX(18px) rotate(225deg) scale(.85)}
.ck-an input:focus-visible+span{outline:2px solid var(--turuncu);outline-offset:3px}
.ck-an.kilit{cursor:not-allowed}.ck-an.kilit span{opacity:.55}
.ck-ft{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ck-b{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;font:600 14px var(--baslik);background:var(--yuzey);border:1px solid var(--cizgi);color:var(--murekkep);white-space:nowrap;transition:background .2s,transform .2s}
.ck-b:hover{background:var(--yuzey-2)}.ck-b:active{transform:scale(.97)}
.ck-b.koyu{background:var(--murekkep);border-color:var(--murekkep);color:var(--zemin)}
.ck-b:focus-visible{outline:2px solid var(--turuncu);outline-offset:3px}
.ck-bag{font:600 13.5px var(--baslik);color:var(--murekkep);text-decoration:underline;text-decoration-color:var(--turuncu);text-underline-offset:3px}
.ck-sat{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--cizgi)}
.ck-sat:first-child{border-top:0}
.ck-sat>div{flex:1;min-width:0}
.ck-sat b{display:block;font:700 14.5px var(--baslik)}
.ck-sat p{font-size:13px;line-height:1.5;color:var(--sonuk);margin-top:2px}
.ck-sat.yok b{color:var(--sonuk)}
.ck-sat small{display:inline-block;margin-top:6px;font:600 11.5px ui-monospace,Menlo,monospace;color:var(--sonuk)}
.ck-gpc{font-size:12.5px;color:var(--sonuk);padding:8px 10px;border-radius:9px;background:var(--yuzey)}


/* ═══ ÇEREZ B · ELMAS KARTI — sol altta kart; header elması kartın simgesine iner. Karar verilince kart header elmasına doğru büzülür, elmas geri döner.
   Alt bilgiden yeniden açılınca kart header elmasından büyüyerek çıkar. ═══ */
.ckb{position:fixed;left:clamp(12px,2vw,24px);bottom:calc(clamp(12px,2vw,24px) + env(safe-area-inset-bottom,0px));z-index:880;width:min(380px,calc(100vw - 24px));padding:20px;border-radius:24px;background:var(--zemin);border:1px solid var(--cizgi);box-shadow:0 30px 60px -30px rgba(0,0,0,.45);transform-origin:var(--ox,20px) var(--oy,100%);opacity:0;transform:translateY(20px) scale(.96);transition:opacity .4s,transform .6s cubic-bezier(.16,1,.3,1)}
.ckb.acik{opacity:1;transform:none}
.ckb.buzul{opacity:0;transform:scale(.06);transition:opacity .5s .1s,transform .6s cubic-bezier(.65,0,.35,1)}
.ckb-u{display:flex;gap:14px;align-items:center}
.ckb-yuva{flex:none;width:46px;height:46px;border-radius:13px;background:#12100E;display:grid;place-items:center}
[data-tema="koyu"] .ckb-yuva{background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi)}
.ckb-u b{font:700 17px/1.2 var(--baslik);letter-spacing:-.01em}
.ckb>p{font-size:13.5px;line-height:1.55;color:var(--sonuk);margin-top:12px}
.ckb-d{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.ckb-alt{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.ckb-ayar{margin-top:6px;max-height:min(46vh,380px);overflow:auto}
@media (prefers-reduced-motion:reduce){ .ckb,.ckb.buzul{transition:none} }

.ckb.duz .ckb-yuva::after{content:"";width:17px;height:17px;border-radius:4px;background:var(--turuncu);transform:rotate(45deg)}