/* Bool tema — değişkenler, temel, kabuk, bileşenler. Kaynak: prototip panoları (Main, AkisMobil, ForumMobil, Durumlar, Bulunamadi). */

@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-var.woff2) format("woff2")}

/* ---------- Değişkenler: koyu varsayılan ---------- */
:root{--bg:#0b0b0c;--surface:#141416;--surface-2:#1b1b1e;--glass:rgba(240,240,242,.05);--glass-strong:rgba(20,20,22,.74);--line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.15);--text:#f3f3f4;--dim:#a9a9ae;--faint:#8e8e94;--accent:#f5a623;--on-accent:#1a1207;--accent-text:#f5a623;--accent-soft:rgba(245,166,35,.12);--success:#34d399;--danger:#ff5d6c;--float:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.6);--card:0 1px 0 rgba(255,255,255,.035) inset;--glow:rgba(0,0,0,.34);--pop-golge:0 18px 48px rgba(0,0,0,.55);--ust-bg:rgba(11,11,12,.72);--admin:var(--wp-admin--admin-bar--height,0px);--kenar:28px;--sayfa-gen:1180px;--okuma-gen:760px;--ray-sol:20px;--ray-gen:56px;--ray-bosluk:16px;--egri:cubic-bezier(.2,0,0,1);--ray-zemin:#1a1a1c;--ray-kenar:rgba(255,255,255,.13);--mor:#8b7bff;--mavi:#4f9dff;--turkuaz:#2dd4bf;--pembe:#ff6aa8;--kat-at:#c98a2b;--kat-vid:#3f7fc9;--kat-et:#e5484d;--canli:#ff5d6c;--r-kart:18px;--r-panel:14px;color-scheme:dark}
/* Açık: sistem tercihi (çerez yoksa) ya da çerez */
@media (prefers-color-scheme:light){:root[data-tema=oto]{--bg:#f4f2ef;--surface:#fbfaf8;--surface-2:#ede9e3;--glass:rgba(255,255,255,.66);--glass-strong:rgba(255,255,255,.78);--line:rgba(21,18,15,.09);--line-strong:rgba(21,18,15,.18);--text:#15120f;--dim:#5c554d;--faint:#6b645b;--accent-text:#8a5200;--accent-soft:rgba(245,166,35,.16);--success:#166b48;--danger:#b4353a;--float:inset 0 1px 0 rgba(255,255,255,.8),0 10px 30px rgba(21,18,15,.12);--card:0 1px 2px rgba(21,18,15,.06),0 6px 18px rgba(21,18,15,.05);--glow:rgba(21,18,15,.1);--pop-golge:0 18px 48px rgba(21,18,15,.16);--ust-bg:rgba(244,242,239,.78);--ray-zemin:#fdfcfb;--ray-kenar:rgba(21,18,15,.13);--mor:#5b45d6;--mavi:#1d63c9;--turkuaz:#0f766e;--pembe:#c0266c;--kat-at:#7c4d0e;--kat-vid:#1c4478;--kat-et:#b42318;--canli:#b4353a;color-scheme:light}}
:root[data-tema=acik]{--bg:#f4f2ef;--surface:#fbfaf8;--surface-2:#ede9e3;--glass:rgba(255,255,255,.66);--glass-strong:rgba(255,255,255,.78);--line:rgba(21,18,15,.09);--line-strong:rgba(21,18,15,.18);--text:#15120f;--dim:#5c554d;--faint:#6b645b;--accent-text:#8a5200;--accent-soft:rgba(245,166,35,.16);--success:#166b48;--danger:#b4353a;--float:inset 0 1px 0 rgba(255,255,255,.8),0 10px 30px rgba(21,18,15,.12);--card:0 1px 2px rgba(21,18,15,.06),0 6px 18px rgba(21,18,15,.05);--glow:rgba(21,18,15,.1);--pop-golge:0 18px 48px rgba(21,18,15,.16);--ust-bg:rgba(244,242,239,.78);--ray-zemin:#fdfcfb;--ray-kenar:rgba(21,18,15,.13);--mor:#5b45d6;--mavi:#1d63c9;--turkuaz:#0f766e;--pembe:#c0266c;--kat-at:#7c4d0e;--kat-vid:#1c4478;--kat-et:#b42318;--canli:#b4353a;color-scheme:light}
/* Logo mürekkebi ve site zemini (eski sitedeki "petek arkaplan v13.3"; body::before). Koyu: özgün değerler.
   Açık: aynı ruhta — sıcak kırık beyaz taban, daha koyu amber ama düşük görünürlükte çizgiler, --bg'ye sönen sis. */
:root{--logo-ink:#fff;--zemin-isik1:rgba(255,255,255,.035);--zemin-isik2:rgba(255,255,255,.035);--zemin-sis:11,11,12;--zemin-ust:#101012;--zemin-alt:#0b0b0c;--zemin-petek-acik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155.88' height='270' viewBox='0 0 155.88 270'%3E%3Cpath d='M0 -84.23L-72.94 -42.11L-72.94 42.11L0 84.23L72.94 42.11L72.94 -42.11ZM155.88 -84.23L82.94 -42.11L82.94 42.11L155.88 84.23L228.82 42.11L228.82 -42.11ZM77.94 50.77L5 92.89L5 177.11L77.94 219.23L150.88 177.11L150.88 92.89ZM0 185.77L-72.94 227.89L-72.94 312.11L0 354.23L72.94 312.11L72.94 227.89ZM155.88 185.77L82.94 227.89L82.94 312.11L155.88 354.23L228.82 312.11L228.82 227.89Z' fill='none' stroke='%23a8650a' stroke-opacity='.14' stroke-width='1.2'/%3E%3C/svg%3E");--zemin-petek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155.88' height='270' viewBox='0 0 155.88 270'%3E%3Cpath d='M0 -84.23L-72.94 -42.11L-72.94 42.11L0 84.23L72.94 42.11L72.94 -42.11ZM155.88 -84.23L82.94 -42.11L82.94 42.11L155.88 84.23L228.82 42.11L228.82 -42.11ZM77.94 50.77L5 92.89L5 177.11L77.94 219.23L150.88 177.11L150.88 92.89ZM0 185.77L-72.94 227.89L-72.94 312.11L0 354.23L72.94 312.11L72.94 227.89ZM155.88 185.77L82.94 227.89L82.94 312.11L155.88 354.23L228.82 312.11L228.82 227.89Z' fill='none' stroke='%23ffffff' stroke-opacity='.045' stroke-width='1.2'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:light){:root[data-tema=oto]{--logo-ink:#15120f;--zemin-isik1:rgba(245,166,35,.16);--zemin-isik2:rgba(245,166,35,.08);--zemin-sis:244,242,239;--zemin-ust:#f4f2ef;--zemin-alt:#efebe5;--zemin-petek:var(--zemin-petek-acik)}}
:root[data-tema=acik]{--logo-ink:#15120f;--zemin-isik1:rgba(245,166,35,.16);--zemin-isik2:rgba(245,166,35,.08);--zemin-sis:244,242,239;--zemin-ust:#f4f2ef;--zemin-alt:#efebe5;--zemin-petek:var(--zemin-petek-acik)}

/* Palet geçmişi. Varsayılan koyu: nötr grafit siyah (doygunluk ~0). Önceki denemeler, data-palet ile geri açılabilir:
   sicak  = ilk palet (sıcak kahve-siyah):  bg #0d0c0b, surface #161412, surface-2 #1c1a18, text #f4f2ef, dim #a8a39c, faint #918a81
   lacivert = 0.83.0 denemesi (mürekkep lacivert): bg #0a0b12, surface #12131d, surface-2 #191b29, text #f1f2f8, dim #a6abc2, faint #8b91ab */
:root[data-palet=sicak]:not([data-tema=acik]){--bg:#0d0c0b;--surface:#161412;--surface-2:#1c1a18;--glass:rgba(244,242,239,.055);--glass-strong:rgba(22,20,18,.72);--line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.14);--text:#f4f2ef;--dim:#a8a39c;--faint:#918a81;--ust-bg:rgba(13,12,11,.72);--ray-zemin:#1f1c19;--zemin-isik2:rgba(245,166,35,.066);--zemin-sis:13,12,11;--zemin-ust:#131110;--zemin-alt:#0d0c0b}

/* ---------- Temel ---------- */
*,::before,::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:calc(80px + var(--admin))}
body{margin:0;min-height:100vh;background:transparent;isolation:isolate;color:var(--dim);font:500 15px/1.5 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}
/* Tarayıcıda "İmleçle Gezinme" (F7) açıkken tıklanan her yere yanıp sönen imleç konur. İmleç yalnız yazı alanlarında
   görünür; düğmelerde metin seçilmez, imleç düğme yazısına girmez. */
body{caret-color:transparent}
input,textarea,select,[contenteditable]:not([contenteditable="false"]){caret-color:auto}
button,[role="button"],input[type="button"],input[type="submit"]{-webkit-user-select:none;user-select:none}
a{color:var(--accent-text);text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img,svg,video{max-width:100%;height:auto}
.ikon{flex:none;width:auto}
h1,h2,h3,h4{color:var(--text);margin:0;font-weight:800}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;border-color:var(--accent-text)!important}
.ekran-okuyucu{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:fixed;left:16px;top:-60px;z-index:200;padding:10px 16px;border-radius:12px;background:var(--accent);color:var(--on-accent);font-weight:800}
.atla:focus{top:calc(12px + var(--admin))}
.cam{backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}
[hidden]{display:none!important}
a,button{transition:transform 120ms var(--egri),background-color 160ms ease,color 160ms ease,border-color 160ms ease,opacity 160ms ease}
a:active,button:not(:disabled):active{transform:scale(.97)}
/* Kartı kaplayan bağlantılar (a::after inset:0) basılınca küçülmez: transform bağlantıyı örtünün kabı yapıp örtüyü
   başlık kutusuna daraltıyordu; bırakma kartın başka yerine düşünce tıklama gerçekleşmiyordu. */
.ar-kart-ad:active,.ar-ai-kart h2 a:active,.nt-one-baslik a:active,.nt-kart-baslik a:active,.nt-mini-baslik a:active{transform:none}
.isik{display:none}
/* Site zemini: görünüm alanına sabit tek katman (background-attachment:fixed yerine; kaydırırken yeniden boyanmaz).
   Üstten alta: iki amber ışık, kenarlara ve aşağı sönen sis, petek (R 90, 10 px aralık, 1.2 px çizgi), taban. Kartlar kendi yüzeyini korur. */
body::before{content:"";position:fixed;left:0;top:0;z-index:-1;width:100%;height:100vh;height:100lvh;pointer-events:none;background:radial-gradient(1100px 620px at 78% -8%,var(--zemin-isik1),transparent 62%),radial-gradient(900px 700px at 8% 108%,var(--zemin-isik2),transparent 60%),radial-gradient(120% 90% at 50% 0%,rgba(var(--zemin-sis),0) 30%,rgb(var(--zemin-sis)) 85%),var(--zemin-petek) 0 0/155.88px 270px,linear-gradient(180deg,var(--zemin-ust) 0%,var(--zemin-alt) 45%) var(--zemin-alt)}

/* ---------- Üst çubuk (masaüstü) ---------- */
/* Orta menü sayfanın tam ortasında: yan sütunlar eşit (1fr), ama içeriklerinden (max-content) dar olamaz; yer yetmezse menü taşmak yerine hafifçe kayar. */
/* Dinlenirken boş (şeffaf): menü hapı ve yuvarlak düğmeler kendi camını taşır. Sayfa 8 px'ten fazla kayınca (logo.js → [data-kaydi])
   arkada alt kenarı yumuşakça sönen ince bir bulanık perde belirir; logo ve cam olmayan düğmeler içerikle çakışmaz. */
.ust{position:sticky;top:var(--admin);z-index:40;height:64px;padding:0 28px;display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:16px;background:transparent}
.ust::before,.mobil-ust::before{content:"";position:absolute;left:0;right:0;top:0;bottom:-18px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .24s ease;background:linear-gradient(rgba(var(--zemin-sis),.8),rgba(var(--zemin-sis),.36) 70%,rgba(var(--zemin-sis),0));backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);-webkit-mask-image:linear-gradient(#000 64%,transparent);mask-image:linear-gradient(#000 64%,transparent)}
[data-kaydi] .ust::before,[data-kaydi] .mobil-ust::before{opacity:1}
/* Logo: satır içi SVG (inc/kabuk.php); yazı --logo-ink, amber sabit. Kutu 45 px — animasyon katmanları aynı kutuya oturur (logo.js). */
.logo{position:relative;display:flex;align-items:center;justify-self:start;flex:none;height:45px;color:var(--logo-ink);line-height:0}
.ust .logo{margin-top:-1px}
.logo-svg{display:block;flex:none;width:118.72px;height:auto;aspect-ratio:197.86/72.33}
.logo-kucuk{height:40px}.logo-kucuk .logo-svg{width:106px}
.logo-yedek{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.5px;line-height:1.5}.logo-cizgi{width:2px;height:22px;background:var(--accent);display:block}.logo-center{color:var(--accent-text);font-weight:600}
/* Animasyon oynayacaksa "center" ilk boyamadan gizli (varliklar.php); modül gelmezse 6 sn sonra kendiliğinden görünür. */
[data-logo] .ust .logo-svg g{opacity:0}
[data-logo=oyna] .ust .logo-svg g{animation:logoGuvence 0s 6s forwards}
@keyframes logoGuvence{to{opacity:1}}
.ana-menu{display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--float)}
.ana-link{height:36px;padding:0 16px;display:flex;align-items:center;border-radius:999px;color:var(--dim);font-size:14px;font-weight:600;white-space:nowrap}
.ana-link:hover{background:var(--line);color:var(--text)}
.ana-link[aria-current]{background:var(--accent-soft);color:var(--accent-text)}
.ana-link .ai-isaret{margin-right:6px;color:var(--accent);flex:none}
.ust-sag{display:flex;gap:6px;align-items:center;justify-self:end}
.ust-dugme{position:relative;width:44px;height:44px;padding:0;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line);background:var(--glass);color:var(--text)}
.ust-dugme:hover{background:var(--line)}
.ust-dugme[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent-text);color:var(--accent-text)}
.avatar-dugme{width:44px;height:44px;padding:0;border-radius:999px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line-strong);color:var(--accent-text);font-size:14px;font-weight:800}
.rozet{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:700;line-height:16px;text-align:center}
.btn-giris{color:var(--text)}.btn-giris:hover{background:var(--line)}
@media (max-width:1100px){.ust{padding:0 16px;gap:12px}.ana-link{padding:0 11px;font-size:13.5px}}

/* ---------- Sol ray ---------- */
.ray{position:fixed;left:var(--ray-sol);top:calc(96px + var(--admin));z-index:30;width:var(--ray-gen);padding:8px 6px;display:flex;flex-direction:column;gap:4px;border-radius:24px;background:var(--glass-strong);border:1px solid var(--line);box-shadow:var(--float);overflow:hidden;transition:width .2s var(--egri);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}
:root[data-ray=acik]{--ray-gen:232px}
.ray-oge{height:44px;padding:0 13px;display:flex;align-items:center;gap:12px;border:0;border-radius:14px;background:transparent;color:var(--dim);white-space:nowrap;font-size:13.5px;font-weight:600;text-align:left;width:100%}
.ray-oge:hover{background:var(--line);color:var(--text)}
.ray-oge[aria-current]{background:var(--accent-soft);color:var(--accent-text)}
.ray-dugme{color:var(--faint);font-size:12px;font-weight:700;letter-spacing:.8px}
.ray-etiket{opacity:0;transition:opacity .15s}
[data-ray=acik] .ray-etiket{opacity:1}
.ray-ayrac{height:1px;margin:4px 8px;background:var(--line)}
/* Kapalı rayda üzerine gelinen sekme rayın gövdesinden sıvı gibi uzar (ray-akis.js): zemin tek şekil, clip-path ile. */
.ray-golge,.ray-zemin,.ray-cizgi{position:absolute;left:-1px;top:-1px;pointer-events:none;z-index:-1;display:none}
.ray-zemin{width:calc(100% + 342px);height:calc(100% + 2px);background:var(--ray-zemin,#1a1a1c)} /* backdrop-filter clip-path'li şekilde Chrome'da kayboluyor: bilerek yok. */
.ray-cizgi{overflow:visible}.ray-cizgi path{fill:none;stroke:var(--ray-kenar,rgba(255,255,255,.13));stroke-width:1.2}
.ray-golge{overflow:visible;transform:translateY(8px);filter:blur(14px);opacity:.55}.ray-golge path{fill:rgba(0,0,0,.6)}
:root[data-tema=acik] .ray-golge{opacity:.16}
@media (prefers-color-scheme:light){:root[data-tema=oto] .ray-golge{opacity:.16}}
.ray.ray-sekil{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
.ray.ray-sekil :is(.ray-golge,.ray-zemin,.ray-cizgi){display:block}
.ray.ray-sekil .ray-oge{position:relative;overflow:visible;background:transparent}
.ray.ray-sekil .ray-oge:hover,.ray.ray-sekil .ray-oge.ray-uzun{background:transparent;color:var(--text)}
.ray.ray-sekil .ray-oge[aria-current],.ray.ray-sekil .ray-oge[aria-current].ray-uzun{background:transparent;color:var(--accent-text)}
.ray.ray-sekil .ray-oge[aria-current]::before{content:"";position:absolute;left:-6px;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.ray.ray-sekil .ray-oge.ray-uzun .ray-etiket{opacity:1}
.ray.ray-sekil .ray-oge .ray-etiket{display:inline-block;transition:none;will-change:opacity,transform,filter,clip-path}
.ray.ray-sekil .ray-oge:not(.ray-uzun) .ray-etiket{visibility:hidden}
/* Tema düğmesi: koyuda güneş, açıkta ay göster */
[data-tema-degistir] .ikon+.ikon{display:none}
:root[data-tema=acik] [data-tema-degistir] .ikon:first-child{display:none}
:root[data-tema=acik] [data-tema-degistir] .ikon+.ikon{display:block}
@media (prefers-color-scheme:light){:root[data-tema=oto] [data-tema-degistir] .ikon:first-child{display:none}:root[data-tema=oto] [data-tema-degistir] .ikon+.ikon{display:block}}

/* ---------- İçerik alanı ---------- */
/* Tüm sayfalar tek genişlik: --sayfa-gen (profil ile aynı). Üyede sol ray için İKİ yana eşit pay (--kenar) bırakılır:
   sütun hep görünümün ortasında kalır (üst menüyle aynı eksen) ve ray içeriğin üstüne binmez; yer yetmezse sütun daralır. */
.icerik{position:relative;z-index:1;flex:1 0 auto;width:min(var(--sayfa-gen),calc(100% - 2 * var(--kenar)));margin:32px auto 0;padding-bottom:72px}
.icerik:focus{outline:0}
/* Pay kapalı raya göre (20+56+16 = 92 px). Açık ray (232 px) yalnız sığdığı yerde (≥ 1716 px = 1180 + 2 × 268) kalıcıdır;
   orada da iki yana açık ray kadar pay bırakılır. Daha dar ekranda ray, kullanıcı açınca geçici bir menü olarak açılır
   ve kayıtlı "açık" tercihi sayfa yüklenirken uygulanmaz (varliklar.php), yani içerik hiçbir zaman ray altında açılmaz. */
.bool-uye{--kenar:max(28px,calc(var(--ray-sol) + 56px + var(--ray-bosluk)))}
@media (min-width:1716px){:root[data-ray=acik] .bool-uye{--kenar:max(28px,calc(var(--ray-sol) + var(--ray-gen) + var(--ray-bosluk)))}}
.okuma{max-width:var(--okuma-gen);margin:0 auto}
.genis{width:100%}
/* Okuma düzeni (yazılar, düz metin sayfaları): kap sayfa genişliğinde; metin ortada okuma sütununda,
   kapak görseli ile geniş/tam bloklar kabın tamamını kullanır. */
.makale{container-type:inline-size}
.makale>*{max-width:var(--okuma-gen);margin-inline:auto}
.makale>.kapak{max-width:none}
.makale>.kapak img{max-height:min(620px,72vh);object-fit:cover}
.makale .yazi :is(.alignwide,.alignfull){width:100cqw;max-width:none;margin-inline:calc((100% - 100cqw) / 2)}
.makale .yazi .alignwide img,.makale .yazi .alignfull img{width:100%}
/* Uygulama/kısa kod sayfaları: tam genişlik; düz paragraflar yine okunur uzunlukta kalır. */
.sayfa-genis .yazi{font-size:15.5px;line-height:1.65}
.sayfa-genis .yazi>:is(p,ul,ol,h1,h2,h3,h4,h5,h6,blockquote,pre){max-width:var(--okuma-gen)}
/* Liste ekranları (arşiv, arama): tam genişlik, kartlar iki sütun. */
.liste-sayfa .sayfa-bas{max-width:var(--okuma-gen)}
.sayfa-bas{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
/* Sayfa başlığı ölçeği: bölüm kahramanı 50/32 px (.kh-kutu), iç sayfa 40/30 px (bu sınıf ve benzerleri). */
.sayfa-baslik{font-size:40px;line-height:44px;letter-spacing:-1px}
.sayfa-aciklama,.sayfa-bas>p{margin:0;font-size:15px;line-height:23px}
.ust-baslik{color:var(--faint);font-size:11px;font-weight:800;letter-spacing:.9px;margin-bottom:8px}
.ust-baslik-vurgu{color:var(--accent-text);font-size:12px;letter-spacing:1.2px;margin:0}
.yazar{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px;font-weight:700}
.kapak{margin:0 0 28px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.kapak img{display:block;width:100%}

/* Okuma metni */
.yazi{color:var(--text);font-size:16.5px;line-height:1.75}
.yazi>*:first-child{margin-top:0}
.yazi p,.yazi ul,.yazi ol,.yazi blockquote,.yazi figure{margin:0 0 1.2em}
.yazi h1{font-size:32px;line-height:1.2;margin:1.4em 0 .5em;letter-spacing:-.6px}
.yazi h2{font-size:24px;line-height:1.3;margin:1.6em 0 .5em;letter-spacing:-.3px}
.yazi h3{font-size:19px;margin:1.4em 0 .4em}
.yazi a{text-decoration:underline;text-decoration-color:var(--accent-soft);text-underline-offset:3px}
.yazi a:hover{text-decoration-color:currentColor}
.yazi blockquote{padding:4px 0 4px 18px;border-left:2px solid var(--accent);color:var(--dim)}
.yazi img{border-radius:12px}
.yazi code{font-size:.9em;padding:2px 6px;border-radius:6px;background:var(--surface-2)}
.yazi pre{overflow:auto;padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:14px}
.yazi hr{border:0;height:1px;background:var(--line);margin:2em 0}
.yazi table{width:100%;border-collapse:collapse;font-size:15px}.yazi th,.yazi td{padding:10px;border-bottom:1px solid var(--line);text-align:left}
.genis .yazi{font-size:15px;line-height:1.6}

/* ---------- Bileşenler ---------- */
.kart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:20px;box-shadow:var(--card)}
.btn{height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
.btn-ana{background:var(--accent);color:var(--on-accent);font-size:14.5px;font-weight:800;padding:0 20px}
.btn-ana:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-cizgi{border-color:var(--line-strong)}.btn-cizgi:hover{border-color:var(--text)}
.btn-hayalet{color:var(--dim)}.btn-hayalet:hover{background:var(--line);color:var(--text)}
.btn-kucuk{height:36px;padding:0 16px;border-radius:9px;font-size:13.5px}
.btn-mini{height:34px;padding:0 12px;border-radius:9px;font-size:13px}
.btn-buyuk{height:50px;padding:0 22px;border-radius:14px;font-size:15px}
.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;filter:none}
.btn-ikon{width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--dim);display:grid;place-items:center}
.btn-ikon:hover{background:var(--line);color:var(--text)}
/* Tehlikeli eylem (sil, iptal): tek tanım, her sayfada. Koyu temada kırmızı zeminde koyu yazı, açıkta beyaz. */
:root{--on-danger:#1f0808}:root[data-tema=acik]{--on-danger:#fff}@media (prefers-color-scheme:light){:root[data-tema=oto]{--on-danger:#fff}}
.btn-tehlike{background:var(--danger);color:var(--on-danger)}.btn-tehlike:hover{filter:brightness(1.08)}
.btn-tehlike-cizgi{border-color:var(--danger);color:var(--danger)}.btn-tehlike-cizgi:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}
/* Yazı gibi görünen düğme (ikincil eylem). */
.btn-metin{padding:0;border:0;background:none;color:var(--accent-text);font-size:13.5px;font-weight:700;cursor:pointer}.btn-metin:hover{text-decoration:underline;text-underline-offset:3px}
.btn-ikon[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.cip{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:13px;font-weight:700}
.cip:hover{border-color:var(--text)}
.cip[aria-pressed=true]{border-color:var(--accent-text);background:var(--accent-soft);color:var(--accent-text)}
.cipler{display:flex;flex-wrap:wrap;gap:8px}
.etiket{height:22px;padding:0 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent-text);font-size:11px;font-weight:700;display:inline-grid;place-items:center}
.etiket-basari{background:var(--surface-2);color:var(--success)}
.av{width:36px;height:36px;flex:none;border-radius:999px;background:var(--surface-2);color:var(--text);font-size:11.5px;font-weight:800;display:inline-grid;place-items:center;position:relative}
.av-kare{border-radius:11px}
.av-32{width:32px;height:32px;font-size:11px}
.av-38{width:38px;height:38px;font-size:13px;border:1px solid var(--line)}
.av-buyuk{width:48px;height:48px;font-size:15px}
.av-vurgu{color:var(--accent-text);border-color:var(--line-strong)}
.av-nokta::after{content:"";position:absolute;top:-1px;right:-1px;width:10px;height:10px;border-radius:999px;background:var(--accent);border:2px solid var(--surface)}
.nokta{width:10px;height:10px;border-radius:999px}.nokta-basari{background:var(--success)}.nokta-uyari{background:var(--accent)}.nokta-hata{background:var(--danger)}

/* Form */
.alan{display:flex;flex-direction:column;gap:6px}
.alan>span{color:var(--text);font-size:13.5px;font-weight:700}
.alan input,.alan textarea,.alan select,.pz textarea{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font-size:15px}
.alan textarea,.pz textarea{height:auto;min-height:120px;padding:12px 14px;line-height:22px;resize:vertical}
.alan [aria-invalid=true]{border-color:var(--danger)}
.alan [data-gecerli]{border-color:var(--success)}
.alan small{min-height:17px;font-size:12.5px;line-height:17px;font-weight:600}
.alan-hata{color:var(--danger)}.alan-tamam{color:var(--success)}
input::placeholder,textarea::placeholder{color:var(--faint)}

/* Durumlar: iskelet, boş, hata */
@keyframes ysIsil{0%{background-position:100% 0}100%{background-position:0 0}}
.isk{display:block;background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-2) 35%,var(--line-strong) 50%,var(--surface-2) 65%,var(--surface-2) 100%);background-size:300% 100%;animation:ysIsil 1.4s linear infinite;border-radius:6px}
.isk-satir{height:12px;margin-top:8px}
.isk-daire{width:36px;height:36px;border-radius:999px;flex:none}
.isk-kutu{height:160px;border-radius:12px;margin-top:16px}
.isk-satir-grup{display:flex;gap:12px;align-items:center;padding:12px 16px}
.kart .isk-satir-grup{padding:0}
.isk-dikey{flex:1;display:flex;flex-direction:column}
.isk-dikey .isk-satir:first-child{margin-top:0}
/* Boş durum (C19): tek tip. Sayfa/bölüm boşluğu .kart.bos (bool_tema_bos / bool.yardim.bosHtml); liste içindeki
   tek satırlık boşluk .bos-satir. */
.bos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:32px 22px}
.bos-ikon{width:56px;height:56px;border-radius:16px;background:var(--surface-2);color:var(--accent-text);display:grid;place-items:center}
.bos-ikon svg{width:24px;height:24px}
.bos-baslik{margin:0;font-size:16px;font-weight:800;line-height:1.35;color:var(--text)}
h1.bos-baslik{font-size:20px}
.bos-metin{margin:0;font-size:13.5px;line-height:20px;max-width:420px;color:var(--dim)}
.bos .btn{margin-top:4px}
.bos-eylem{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.bos-eylem .btn{margin-top:0}
.bos-satir{margin:0;font-size:13.5px;line-height:20px;color:var(--faint)}
.hata-kutu{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 22px}
.hata-kutu h3{font-size:16px}
.hata-kutu p{margin:0;font-size:13.5px;line-height:20px}
.hata-kutu small{font-size:12px;color:var(--faint)}
.hata-ikon{width:48px;height:48px;border-radius:14px;background:var(--surface-2);color:var(--danger);display:grid;place-items:center}
.hata-ikon-vurgu{color:var(--accent-text)}

/* ---------- Açılır pencereler ---------- */
@keyframes upGir{from{opacity:0;transform:translateY(-6px) scale(.98)}}
@keyframes upPerde{from{opacity:0}}
@keyframes pzAlt{from{transform:translateY(100%)}}
@keyframes pzGir{from{opacity:0;transform:translateY(14px) scale(.98)}}
.perde{position:fixed;inset:0;z-index:45;pointer-events:none;animation:upPerde 160ms ease both}
.perde[data-koyu]{background:rgba(0,0,0,.28)}
.pop{position:fixed;z-index:50;top:var(--pop-ust,66px);right:var(--pop-sag,28px);width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - var(--pop-ust,66px) - 24px);display:flex;flex-direction:column;border-radius:18px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--pop-golge);overflow:hidden;animation:upGir 180ms var(--egri) both;transform-origin:top right;outline:0}
.pop-ara{width:560px}.pop-mesaj{width:380px}
.pop-profil{width:180px;border-radius:14px}.pop-profil .menu-liste{padding:6px}.pop-profil .ray-oge{height:38px;padding:0 10px;gap:10px;border-radius:10px}
.pop-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}
.pop-bas h2{font-size:16px}
.pop-meta{font-size:12.5px;color:var(--faint)}
.pop-eylem{height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--accent-text);font-size:13px;font-weight:700}
.pop-eylem:hover{background:var(--line)}.pop-eylem:disabled{color:var(--faint);cursor:default;background:none}
.pop-govde{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;min-height:64px}
.pop-alt{flex:none;height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;color:var(--accent-text)}
.pop-alt:hover{background:var(--line)}
.satir{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);color:var(--dim);min-width:0}
a.satir:hover{background:var(--line)}
.satir-yeni{background:var(--accent-soft)}
.satir-ust{align-items:flex-start}
.satir-metin{flex:1;min-width:0}
.satir-metin b{color:var(--text)}
.satir-baslik{display:flex;justify-content:space-between;gap:8px;color:var(--text);font-size:14px;font-weight:700}
.satir-alt{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}
.satir-alt span:first-child,.tek-satir{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.satir-ozet{display:block;font-size:13.5px;line-height:19px}
.satir-zaman{display:block;flex:none;font-size:12px;color:var(--faint);font-weight:500;margin-top:2px}
.sayac{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:800;line-height:18px;text-align:center;flex:none}
.pop .bos{padding:26px 16px;border-top:1px solid var(--line)}
.pop .hata-kutu{padding:22px 16px;border-top:1px solid var(--line)}
/* Sepet */
.sp-gorsel{width:44px;height:36px;flex:none;border-radius:9px;background:var(--surface-2);color:var(--accent-text);font-size:11px;font-weight:800;display:grid;place-items:center;overflow:hidden}
.sp-gorsel img{width:100%;height:100%;object-fit:cover}
.sp-fiyat{color:var(--text);font-size:14px;font-weight:800;white-space:nowrap}
.sp-sil{width:36px;height:36px;flex:none;border:0;border-radius:9px;background:transparent;color:var(--faint);font-size:17px}
.sp-sil:hover{background:var(--line);color:var(--text)}
.sp-kazanc{margin:4px 16px 0;padding:12px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;gap:10px;font-size:13px;line-height:18px;color:var(--text)}
.sp-kazanc span{flex:1}.sp-kazanc a{flex:none;font-size:12.5px;font-weight:800}
.sp-toplam{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px 10px;font-size:13.5px}
.sp-toplam b{color:var(--text);font-size:20px;font-weight:800}
.sp-git{margin:0 16px 16px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:15px}
/* Ara */
.ara-satir{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--faint)}
.ara-satir input{flex:1;min-width:0;height:40px;border:0;outline:0;background:transparent;color:var(--text);font-size:15.5px}
.ara-satir input::-webkit-search-cancel-button{display:none}
.ara-temizle{width:32px;height:32px;border:0;border-radius:8px;background:var(--surface-2);color:var(--dim);font-size:15px}
.grup-baslik{padding:12px 16px 4px;color:var(--faint);font-size:11px;font-weight:800;letter-spacing:.9px}
.pop-ara .satir{border-top:0;padding:9px 16px}
.pop-ara .av{width:32px;height:32px;border-radius:9px;color:var(--accent-text);font-size:11px}
.son-aramalar{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px}
.son-aramalar .cip{height:34px;padding:0 12px;font-weight:600}
.pop-ipucu{padding:22px 16px;text-align:center;font-size:13.5px;border-top:1px solid var(--line)}.pop-ipucu a{font-weight:700}
.satir-ad{display:block;color:var(--text);font-size:14px;font-weight:700}.satir-kucuk{display:block;font-size:12.5px;color:var(--faint)}

/* ---------- Modal ve alt sayfa ---------- */
.modal{position:fixed;inset:0;z-index:90}
.modal-perde{position:absolute;inset:0;background:rgba(8,7,6,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:upPerde 180ms ease both}
.modal-kutu{position:absolute;left:0;right:0;top:max(64px,12vh);margin:0 auto;width:min(620px,calc(100% - 32px));max-height:calc(100vh - max(64px,12vh) - 32px);display:flex;flex-direction:column;border-radius:20px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 24px 64px rgba(0,0,0,.5);overflow:hidden;animation:pzGir 240ms var(--egri) both;outline:0}
.modal-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.modal-bas h2{font-size:17px}
.modal-kapat{width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--dim);display:grid;place-items:center}
.modal-kapat:hover{background:var(--line);color:var(--text)}
.modal-govde{overflow-y:auto;overscroll-behavior:contain}
.modal-govde>.modal-ic{padding:16px 18px}
.modal.kapaniyor .modal-perde{opacity:0;transition:opacity 160ms}
.modal.kapaniyor .modal-kutu{opacity:0;transform:translateY(10px);transition:opacity 160ms,transform 160ms}
.tutamac{display:none;width:40px;height:5px;border-radius:999px;background:var(--line-strong);margin:8px auto 0;flex:none}
/* Paylaşım penceresi */
.pz{padding:16px 18px;display:flex;flex-direction:column;gap:14px}
.pz-metin{display:flex;flex-direction:column;gap:6px}
.pz textarea{min-height:130px;font-size:15px;resize:none}
.pz-say{align-self:flex-end;font-size:12px;color:var(--faint)}
.pz-alt{display:flex;align-items:center;gap:6px;padding:12px 14px 12px 12px;border-top:1px solid var(--line)}
.pz-gorunur{flex:1;font-size:12.5px;color:var(--faint)}
.pz-alt .btn-ana{height:44px;padding:0 22px}
/* Mobil menü */
.menu-kisi{display:flex;align-items:center;gap:12px;padding:6px 18px 14px}
.menu-kisi span:last-child{display:flex;flex-direction:column;font-size:13px}
.menu-kisi b{color:var(--text);font-size:15px}
.menu-liste{display:flex;flex-direction:column;gap:2px;padding:0 10px 14px}
.menu-liste .ray-oge{height:48px}

/* ---------- Toast ---------- */
@keyframes ysGir{from{opacity:0;transform:translateY(14px) scale(.98)}}
.toast-bolge{position:fixed;left:16px;right:16px;top:calc(84px + var(--admin));z-index:95;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.toast{pointer-events:auto;min-height:44px;max-width:100%;padding:0 4px 0 8px;border-radius:999px;background:var(--text);color:var(--bg);font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:var(--float);animation:ysGir 240ms var(--egri) both}
.toast.cikiyor{opacity:0;transform:translateY(-6px);transition:opacity 200ms,transform 200ms}
.toast-ikon{width:28px;height:28px;flex:none;border-radius:999px;background:var(--success);color:var(--on-accent);display:grid;place-items:center}
.toast-uyari .toast-ikon{background:var(--accent)}.toast-hata .toast-ikon{background:var(--danger)}
.toast-metin{padding:8px 0;line-height:1.35}
.toast-kapat{width:36px;height:36px;flex:none;border:0;border-radius:999px;background:transparent;color:var(--bg);opacity:.7;display:grid;place-items:center}
.toast-kapat:hover{opacity:1}

/* ---------- Üst yükleme şeridi ---------- */
@keyframes seritGit{from{width:0}to{width:88%}}
@keyframes seritBit{0%{width:0;opacity:1}65%{width:100%;opacity:1}100%{width:100%;opacity:0}}
.serit{position:fixed;left:0;top:var(--admin);height:2.5px;width:0;z-index:100;pointer-events:none;background:var(--accent);border-radius:0 2px 2px 0}
.gidiyor .serit{animation:seritGit 6s cubic-bezier(.1,.7,.2,1) forwards}
.serit.oynat{animation:seritBit 560ms var(--egri) both}

/* ---------- Akış ---------- */
.akis{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.pz-tetik{padding:14px 16px;display:flex;align-items:center;gap:12px}
.pz-sahte{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--faint);font-size:14.5px;font-weight:500;text-align:left;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.akis-liste{display:flex;flex-direction:column;gap:16px}
.akis-liste:empty{display:none}
.akis-kart{padding:18px 20px 10px}
.akis-kart.yeni{border-color:var(--accent-text);animation:pzGir 260ms var(--egri) both}
.akis-kart-bas{display:flex;gap:12px;align-items:center}
.akis-ad{color:var(--text);font-size:13.5px;font-weight:700}
.akis-ad span{color:var(--faint);font-weight:500}
.akis-zaman{color:var(--faint);font-size:12px}
.akis-metin{margin:12px 0;color:var(--text);font-size:14px;line-height:21px;overflow-wrap:anywhere}
.akis-metin p{margin:0 0 .6em}.akis-metin p:last-child{margin:0}
.akis-eylem{display:flex;gap:4px;border-top:1px solid var(--line);padding-top:8px;margin-top:12px}
.eylem{height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;border:0;border-radius:9px;background:transparent;color:var(--dim);font-size:13.5px;font-weight:600}
button.eylem:hover{background:var(--line);color:var(--text)}
.eylem[aria-pressed=true]{color:var(--accent-text)}.eylem[aria-pressed=true] svg{fill:currentColor}
.ek-dosya{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--accent-text)}
.ek-dosya span{flex:1;display:flex;flex-direction:column}
.ek-dosya b{color:var(--text);font-size:13px}.ek-dosya small{color:var(--faint);font-size:12px}.ek-dosya a{font-size:12.5px;font-weight:700}

/* ---------- Listeler ---------- */
.liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr));gap:16px}
.liste-kart{padding:0;overflow:hidden;transition:transform .15s,border-color .15s}
.liste-kart:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.liste-bag{display:flex;gap:18px;padding:20px;color:var(--dim)}
.liste-gorsel{width:140px;flex:none;border-radius:10px;overflow:hidden;background:var(--surface-2)}
.liste-gorsel img{display:block;width:100%;height:100%;object-fit:cover}
.liste-metin{display:flex;flex-direction:column;gap:6px;min-width:0}
.liste-meta{font-size:12px;color:var(--faint)}
.liste-baslik{font-size:18px;line-height:24px}
.liste-ozet{font-size:14px;line-height:21px}
.sayfalama,.nav-links{display:flex;gap:6px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.page-numbers{min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--text);font-weight:700;font-size:14px}
.page-numbers.current{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}
.ara-form{display:flex;gap:8px;width:100%;max-width:560px}
.ara-alan{position:relative;flex:1;color:var(--faint)}
.ara-alan .ikon{position:absolute;left:16px;top:16px}
.ara-alan input{width:100%;height:50px;padding:0 14px 0 44px;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:15px;font-weight:600}

/* ---------- Ana sayfa ziyaretçi, 404 ---------- */
.karsilama,.bulunamadi{min-height:calc(100vh - 300px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px 0}
.karsilama h1,.bulunamadi h1{font-size:40px;line-height:44px;letter-spacing:-1px}
.karsilama p,.bulunamadi>p{margin:0;max-width:500px;font-size:16px;line-height:25px}
.karsilama-cizim{width:min(460px,100%);opacity:.9}
.karsilama-eylem{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.bulunamadi{gap:22px}
.bulunamadi-cizim{position:relative;width:min(420px,100%);aspect-ratio:420/240;background:radial-gradient(50% 60% at 50% 50%,var(--accent-soft),transparent 70%)}
.bulunamadi-cizim svg{position:absolute;inset:0;width:100%;height:100%}
.liman{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}
.liman-kart{width:200px;padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;gap:12px;text-align:left;color:var(--dim);font-size:12.5px;transition:transform .15s,border-color .15s}
.liman-kart:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.liman-kart span:last-child{display:flex;flex-direction:column}
.liman-kart b{color:var(--text);font-size:14.5px;font-weight:800}
.liman-ikon{width:40px;height:40px;flex:none;border-radius:12px;background:var(--surface-2);color:var(--accent-text);display:grid;place-items:center}

/* ---------- Alt bilgi ---------- */
/* Marka sütunu + site haritası (4 sütun) + yasal satırı + telif/BDS satırı. Mobilde dok payı bırakılır. */
.alt-bilgi{position:relative;z-index:1;border-top:1px solid var(--line);background:var(--surface);font-size:13.5px;color:var(--faint)}
.alt-bilgi-ic{width:min(var(--sayfa-gen),calc(100% - 2 * var(--kenar)));margin:0 auto}
.alt-ust{display:grid;grid-template-columns:minmax(220px,1.15fr) 3fr;gap:48px;padding:52px 0 40px}
.alt-marka{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.alt-marka .logo{height:auto}
.alt-marka p{margin:0;max-width:290px;color:var(--dim);line-height:1.6}
.alt-sosyal{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.alt-sosyal a{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:var(--surface-2);color:var(--dim);transition:color .15s,border-color .15s,transform .15s}
.alt-sosyal a:hover{color:var(--accent-text);border-color:var(--line-strong);transform:translateY(-2px)}
.alt-harita{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.alt-sutun h2{margin:0 0 14px;font-size:11.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--text)}
.alt-sutun ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.alt-sutun a{color:var(--dim);transition:color .15s}
.alt-sutun a:hover,.alt-sutun a:focus-visible{color:var(--accent-text)}
.alt-bilgi .alt-yasal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:16px 0;border-top:1px solid var(--line);font-size:12.5px}
.alt-yasal-bas{color:var(--faint);font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}
.alt-bilgi .alt-yasal a{color:var(--faint)}.alt-bilgi .alt-yasal a:hover,.alt-bilgi .alt-yasal a[aria-current=page]{color:var(--text)}
.alt-sirket{display:flex;flex-wrap:wrap;gap:2px 0;margin:0;padding:14px 0;border-top:1px solid var(--line);color:var(--faint);font-size:11.5px;line-height:17px}
.alt-sirket span:not(:last-child)::after{content:"·";margin:0 8px;opacity:.6}
.alt-son{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:18px 0 22px;border-top:1px solid var(--line);font-size:12.5px}
.alt-bds{display:inline-flex;align-items:center;gap:8px;color:var(--faint);transition:color .15s}
.alt-bds:hover{color:var(--text)}
.alt-bds-svg{display:block;height:15px;width:auto;aspect-ratio:437.85/75}
@media (max-width:1023.98px){.alt-ust{grid-template-columns:1fr;gap:32px}.alt-marka p{max-width:460px}}
@media (max-width:899.98px){
	.alt-bilgi{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
	.alt-ust{padding:36px 0 28px}
	.alt-harita{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
	.alt-son{flex-direction:column;align-items:flex-start}
}

/* ---------- Yorumlar (yazılar) ---------- */
.comments-area{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);color:var(--text)}
.comment-list{list-style:none;padding:0}
.comment-list .comment-body{padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.comment-form input:not([type=submit]):not([type=checkbox]),.comment-form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text)}
.comment-form .submit{height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--accent);color:var(--on-accent);font-weight:800}

/* ---------- Kit ---------- */
.kit{display:flex;flex-direction:column;gap:40px}
.kit .sayfa-bas{align-items:flex-start;margin:0}
.kit-bolum{display:flex;flex-direction:column;gap:16px}
.kit-bas{display:flex;flex-direction:column;gap:6px}
.kit-bas h2{font-size:20px;letter-spacing:-.3px}.kit-bas p{margin:0;font-size:14px}
.kit-renkler{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.kit-renk{display:flex;align-items:center;gap:10px;font-size:12px}
.kit-renk span{width:40px;height:40px;border-radius:10px;border:1px solid var(--line-strong)}
.kit-renk code{color:var(--text)}
.kit-sira{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kit-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.kit-dar{max-width:640px}
.kit-p{margin:0 0 14px;color:var(--text)}.kit-sag{justify-content:flex-end;margin-top:16px}
.kit-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.kit-izgara-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.kit-ikonlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;color:var(--text)}
.kit-ikonlar span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:10px}
.kit-ikonlar small{color:var(--faint);font-size:11px}

/* ---------- Woo uyumu ---------- */
.woo-alan,.bool-genis .yazi{color:var(--text)}
.bool-genis .wc-block-components-button:not(.is-link),.bool-genis .button.alt{background:var(--accent);color:var(--on-accent);border-radius:12px;font-weight:800}

/* ---------- Mobil (< 900 px) ---------- */
.mobil-ust,.dock{display:none}
@media (max-width:899.98px){
	:root{--kenar:16px}
	.bool-uye{--kenar:16px}
	.ust,.ray{display:none}
	.mobil-ust{position:sticky;top:var(--admin);z-index:40;height:60px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;background:transparent}
		/* Zemin mobilde sade: tek ışık, sis, petek, düz taban. */
		body::before{background:radial-gradient(560px 380px at 86% -6%,var(--zemin-isik1),transparent 62%),radial-gradient(130% 75% at 50% 0%,rgba(var(--zemin-sis),0) 26%,rgb(var(--zemin-sis)) 82%),var(--zemin-petek) 0 0/155.88px 270px,var(--zemin-alt)}
	.mobil-ust-sag{display:flex;gap:4px;align-items:center}
	.mobil-dugme{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text);display:grid;place-items:center}
	.mobil-dugme[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-text)}
	.mobil-ust .rozet{top:6px;right:6px;box-shadow:0 0 0 2px var(--bg)}
	.mobil-ust .avatar-dugme{font-size:13px}
	.icerik{margin-top:12px;padding-bottom:40px}
	.dock{display:flex;position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;gap:4px;padding:6px;border-radius:24px;background:var(--glass-strong);border:1px solid var(--line-strong);box-shadow:var(--float);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}
	.dock-oge{flex:1;min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;font-size:10.5px;font-weight:700;color:var(--faint)}
	.dock-oge[aria-current]{background:var(--accent-soft);color:var(--accent-text)}
	/* Pencereler alt sayfa olur */
	.perde{background:rgba(8,7,6,.55);pointer-events:auto}
	.pop,.pop-ara,.pop-mesaj{top:auto;left:0;right:0;bottom:0;width:auto;max-width:none;max-height:85vh;border-radius:24px 24px 0 0;border-width:1px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:pzAlt 300ms var(--egri) both}
	.modal-kutu{top:auto;bottom:0;width:auto;margin:0;max-height:92vh;border-radius:24px 24px 0 0;border-width:1px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:pzAlt 300ms var(--egri) both}
	.modal.kapaniyor .modal-kutu{transform:translateY(100%);opacity:1;transition:transform 220ms var(--egri)}
	.tutamac{display:block;touch-action:none;cursor:grab}
	.modal-bas{padding:10px 16px 12px;touch-action:none}
	.toast-bolge{top:calc(72px + var(--admin))}
	.sayfa-baslik{font-size:30px;line-height:34px}
	.karsilama h1,.bulunamadi h1{font-size:30px;line-height:34px}
	.akis-kart{padding:14px 14px 6px}
	.pz-tetik{padding:10px 10px 10px 12px;gap:6px}.pz-tetik .av{display:none}
	.liste-bag{padding:16px;gap:14px}
	.liste-gorsel{width:88px}
	.liman-kart{width:100%}
	.ara-form{flex-direction:column}
}

/* ---------- Sayfa geçişleri ---------- */
@view-transition{navigation:auto}
/* Üst çubuğun kendisi değil parçaları adlandırılır: adlı öğe "backdrop root" olur ve çubuktaki kaydırma perdesinin ve camların
   bulanıklığı sayfayı göremezdi. Parçalar geçişte yerinde kalır (animasyon yok); çubuk şeffaf olduğu için görünüm aynı. */
.ust .logo,.mobil-ust .logo{view-transition-name:logo}.ana-menu{view-transition-name:ana-menu}.ust-sag{view-transition-name:ust-sag}.mobil-ust-sag{view-transition-name:mobil-ust-sag}.ray{view-transition-name:ray}.dock{view-transition-name:dock}.icerik{view-transition-name:icerik}
::view-transition-group(logo),::view-transition-group(ana-menu),::view-transition-group(ust-sag),::view-transition-group(mobil-ust-sag),::view-transition-group(ray),::view-transition-group(dock){animation:none}
::view-transition-old(root),::view-transition-new(root){animation:none}
@keyframes vtCik{to{opacity:0}}
@keyframes gcGir{from{opacity:0;transform:translateY(10px)}}
::view-transition-old(icerik){animation:vtCik 140ms ease both}
::view-transition-new(icerik){animation:gcGir 260ms var(--egri) both}
/* Tema geçişi (tema.js temaDegistir): tek kök görüntü, yeni tema düğmeden büyüyen daireyle gelir; ikon döner. */
:root.tema-gecis *{view-transition-name:none!important}
:root.tema-gecis::view-transition-old(root),:root.tema-gecis::view-transition-new(root){animation:none;mix-blend-mode:normal}
:root.tema-gecis [data-tema-degistir] .ikon{animation:temaIkon .8s var(--egri) .15s both}
@keyframes temaIkon{from{transform:rotate(-140deg) scale(.3);opacity:0}}
:root.tema-yumusak,:root.tema-yumusak *,:root.tema-yumusak ::before,:root.tema-yumusak ::after{transition:background-color 1s ease-in-out,color 1s ease-in-out,border-color 1s ease-in-out,fill 1s ease-in-out,stroke 1s ease-in-out,box-shadow 1s ease-in-out!important}
:root.tema-yumusak.tema-az,:root.tema-yumusak.tema-az *{transition-duration:.2s!important}

@media (prefers-reduced-motion:reduce){
	@view-transition{navigation:none}
	*,::before,::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
	.gidiyor .serit{width:100%}
}
/* Çerez bandı (staging eklentisi #bcz-wrap): masaüstünde sol altta küçük kart, içeriği kapatmasın (2 Ekim 2026). */
@media (min-width:761px){
#bcz-wrap{left:16px!important;right:auto!important;bottom:16px!important;top:auto!important;width:380px!important;max-width:calc(100vw - 32px)!important;transform:none!important;margin:0!important}
#bcz-wrap .bcz-sf{width:100%!important;max-width:none!important;margin:0!important}
#bcz-wrap .bcz-in{display:block!important;padding:16px 18px 14px!important;gap:0!important;min-height:0!important}
#bcz-wrap .bcz-ic{display:none!important}
#bcz-wrap .bcz-tx h4{font-size:14px!important;margin:0 0 4px!important;line-height:1.35!important}
#bcz-wrap .bcz-tx p{font-size:12.5px!important;line-height:1.5!important;margin:0 0 12px!important}
#bcz-wrap .bcz-bt{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important;margin:0!important}
#bcz-wrap .bcz-b{padding:7px 12px!important;font-size:12.5px!important;min-height:0!important;height:auto!important}
}
@media (max-width:760px){
#bcz-wrap .bcz-ic{display:none!important}
#bcz-wrap .bcz-tx p{font-size:12.5px!important;line-height:1.45!important}
}
/* Yönlendirme sonrası uyarı vurgusu (inc/atolye.php, data-bool-uyari-odak) */
[data-bool-uyari-odak]{scroll-margin:96px}
[data-bool-uyari-odak]:focus{outline:0}
.bool-uyari-vurgu{animation:boolUyariVurgu 1.2s ease-out 2}
@keyframes boolUyariVurgu{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
@media (prefers-reduced-motion:reduce){.bool-uyari-vurgu{animation:none;box-shadow:0 0 0 2px var(--accent)}}

/* Eğitim ekle / Eğitmen ol düğmeleri ve iletişim kartı (yönetim dışı sayfalarda da kullanılır) */
.egy-dugmeler{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.em-kahraman-dugme{margin-top:14px}
.egy-iletisim-kart{margin:28px 0 0;padding:18px 20px;border-radius:16px;border:1px solid var(--accent);background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--surface);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.egy-iletisim-kart b{color:var(--text);font-size:16px}
.egy-iletisim-kart p{margin:4px 0 0;color:var(--dim);font-size:14px;max-width:60ch}
/* Eğitmen istatistiği (parts/egitmen-istatistik.php): profil Eğitmen modu + Eğitim Yönetimi */
.eis{display:grid;gap:12px;margin:0 0 24px;min-width:0}
.eis-bas{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.eis-bas h2{font-size:18px;margin:0}
.eis-bas a{font-size:13px;color:var(--accent-text);text-decoration:none}
.eis-ozet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.eis-kutu{display:grid;gap:4px;padding:16px 18px;min-width:0}
.eis-kutu small{font-size:12px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}
.eis-kutu b{font-size:26px;line-height:1.15;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.eis-kutu span,.eis-kutu a{font-size:12.5px;color:var(--dim);text-decoration:none}
.eis-kutu a{color:var(--accent-text)}
.eis-tablo-kap{padding:0;overflow-x:auto}
.eis-tablo{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.eis-tablo th,.eis-tablo td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-variant-numeric:tabular-nums}
.eis-tablo thead th{font-size:12px;font-weight:600;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.eis-tablo tbody tr:last-child>*{border-bottom:0}
.eis-tablo tbody th{font-weight:600}
.eis-tablo tbody th a{color:var(--text);text-decoration:none;margin-right:8px}
.eis-tablo tbody th a:hover{color:var(--accent-text)}
.eis-tablo .sag{text-align:right;white-space:nowrap}
.eis-tablo td small{display:block;font-size:12px;color:var(--faint);margin-top:4px}
.eis-tablo td .eis-yeni{display:inline;margin-left:6px;color:var(--success)}
.eis-cip{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--dim);white-space:nowrap;vertical-align:middle}
.eis-cip.iyi{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}
.eis-cip.uyari{background:var(--accent-soft);color:var(--accent-text)}
.eis-cip.kotu{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}
.eis-bar{display:block;width:120px;max-width:100%;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.eis-bar i{display:block;height:100%;width:var(--y);background:var(--accent);border-radius:inherit}
.eis-soru{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;text-decoration:none}
.eis-not{font-size:12.5px;color:var(--faint);margin:0}
@media (max-width:860px){.eis-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.eis-kutu b{font-size:22px}}
/* Yönetim ekranlarında (Eğitim / Etkinlik / Atölye Yönetimi) art arda gelen kutular arasında boşluk. :where → özgüllük
   0: bir öğe kendi boşluğunu tanımlamışsa o geçerli; blok akışında alttaki başlığın üst boşluğuyla birleşir (katlanır). */
:where(.etky,.ayn) > :where(.kart,.egy-ozet,.egy-takvim,.eis,.etky-liste,.egy-dugmeler):not(:last-child){margin-bottom:16px}
/* Ziyaretçi "haber ver" formu */
.haber-form{display:grid;gap:10px;min-width:0}
.haber-form-metin{margin:0;color:var(--dim);font-size:14px}
.haber-form-satir{display:flex;gap:8px;flex-wrap:wrap}
.haber-form-satir input[type=email]{flex:1 1 220px;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit}
.haber-form-satir .btn{flex:none}
.haber-form-riza{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--dim);cursor:pointer}
.haber-form-riza input{margin-top:3px;flex:none;accent-color:var(--accent)}
.haber-form-riza a{color:var(--accent-text)}
.haber-form-bal{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.haber-form-sonuc{margin:0;padding:12px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);font-size:14px;font-weight:600}
.eg-haber{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:center;margin-top:28px;padding:22px}
.eg-haber h2{margin:0 0 6px;font-size:18px;color:var(--text)}
.eg-haber p{margin:0;color:var(--dim);font-size:14px}
@media (max-width:760px){.eg-haber{grid-template-columns:1fr}}
.aty-bilet-eylem .haber-form{width:100%}

/* ---------- Kahraman çizimleri (Forum, Topluluk ve alt sayfaları; inc/kahraman-cizim.php) ----------
   Katmanlar sırayla ve ease-out ile girer, çizgiler kendini çizer, sonra durur. Fare kartın üstündeyken katmanlar
   derinliklerine göre imleci izler (--mx/--my, tema.js), çizgiler amber tonuna döner, vurgu noktası nabız atar. */
.kh{position:absolute;right:24px;top:0;height:100%;width:auto;aspect-ratio:360/250;max-width:48%;color:var(--line-strong);pointer-events:none;overflow:visible;transition:color .6s cubic-bezier(.16,1,.3,1)}
.kh .kh-y{fill:var(--surface)}
.kh .kh-af{fill:var(--accent);stroke:none}
.kh .kh-a{stroke:var(--accent)}
.kh .kalin{stroke-width:2.2}
.kh .kesik{stroke-dasharray:2 5}
.kh-p{transform:translate(calc(var(--mx,0) * var(--z,1) * 7px),calc(var(--my,0) * var(--z,1) * 5px));transition:transform .9s cubic-bezier(.16,1,.3,1)}
.kh-k{opacity:0;transform-box:fill-box;transform-origin:50% 60%;transform:translateY(16px) scale(.92);animation:khGir 1.2s cubic-bezier(.16,1,.3,1) var(--d,0s) forwards}
.kh-ciz:not(.kesik){stroke-dasharray:1;stroke-dashoffset:1;animation:khCiz 1.8s cubic-bezier(.16,1,.3,1) calc(var(--d,0s) + .2s) forwards}
.kh-halka{fill:none;stroke:var(--accent);stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center}
.kh-kap:hover .kh{color:color-mix(in srgb,var(--accent) 40%,var(--line-strong))}
.kh-kap:hover .kh-halka{animation:khNabiz 1.8s cubic-bezier(.16,1,.3,1) infinite}
.kh-kap:hover .kh-nokta{animation:khYaz 1.2s ease-in-out infinite}
.kh-kap:hover .kh-nokta:nth-of-type(2){animation-delay:.15s}.kh-kap:hover .kh-nokta:nth-of-type(3){animation-delay:.3s}
.kh-kap:hover .kh-yildiz{animation:khParla 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes khGir{to{opacity:1;transform:none}}
@keyframes khCiz{to{stroke-dashoffset:0}}
@keyframes khNabiz{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(2.4)}}
@keyframes khYaz{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}}
@keyframes khParla{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}
.tk-kahraman-kucuk .kh{right:16px;max-width:40%}
@media (max-width:899.98px){.kh{height:170px;top:-20px;right:-30px;max-width:none;opacity:.55}.tk-kahraman-kucuk .kh{height:140px}}
@media (prefers-reduced-motion:reduce){.kh-k,.kh-ciz{animation:none!important;opacity:1;transform:none;stroke-dashoffset:0}.kh-p{transition:none;transform:none}.kh-kap:hover .kh-halka,.kh-kap:hover .kh-nokta,.kh-kap:hover .kh-yildiz{animation:none}}
/* Düğmeli kahramanda çizim düğmenin solunda durur */
@media (min-width:900px){.kh-kap:has(.tk-olustur,.fr-konu-ac) .kh{right:210px}}

/* Ana menü sayfalarının ortak kutulu başlığı (Topluluk'taki kahraman): Eğitimler, Forum, Topluluk, Tasarım Notları,
   Bool-AI, Araçlar. Hepsi aynı yükseklikte; görsel (.kh-img) her sayfada aynı yerde, sağa yaslı ve kutu boyunca;
   metin solda, eylem (düğme, kredi, arama) sağ altta ve gerekirse görselin üstünde. */
.kh-kutu,.fr-kahraman,.tk-kahraman:not(.tk-kahraman-kucuk),.nt-kahraman{height:260px;min-height:0;box-sizing:border-box}
.kh-kutu{position:relative;overflow:hidden;padding:44px 48px 40px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.kh-kutu::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 85% 0%,var(--accent-soft),transparent 60%);pointer-events:none}
.kh-kutu-ic{position:relative;z-index:1;max-width:min(540px,48%);min-width:0}
.kh-kutu .kh-kutu-ic h1{font-size:50px;line-height:56px;letter-spacing:-1.3px;margin:0 0 12px}
.kh-kutu .kh-kutu-ic>p:last-child{margin:0;font-size:15.5px;line-height:27px;color:var(--dim)}
.kh-eylem,.kh-kap .fr-konu-ac,.kh-kap .tk-olustur,.kh-kap .nt-ara{position:relative;z-index:1;flex:none}
.kh-eylem .btn-cizgi{background:var(--surface)}
.kh-img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:62%;padding:22px 28px 22px 0;box-sizing:border-box;object-fit:contain;object-position:right center;pointer-events:none}
@media (max-width:899.98px){
	.kh-kutu,.fr-kahraman,.tk-kahraman:not(.tk-kahraman-kucuk),.nt-kahraman{height:auto;min-height:220px}
	.kh-kutu{padding:24px 20px;flex-direction:column;align-items:stretch;justify-content:flex-end}
	.kh-kutu-ic{max-width:none}
	.kh-kutu .kh-kutu-ic h1{font-size:32px;line-height:38px;margin-bottom:8px}
	.kh-kutu .kh-kutu-ic>p:last-child{font-size:14px;line-height:22px}
	.kh-img{height:110px;max-width:70%;padding:12px 12px 0 0;opacity:.5}
}

/* Yakında açılacak bölüm (şimdilik Tasarım Notları): tıklanamaz öğe; rozet sağ üst köşede küçük etiket (menüyü genişletmez). */
.ana-yakinda,.alt-yakinda{position:relative;cursor:default}
.ana-yakinda{color:var(--faint)}
.ana-yakinda:hover{background:transparent;color:var(--faint)}
.alt-yakinda{display:inline-block;color:var(--faint);padding-right:4px}
.yakinda-rozet{position:absolute;top:-7px;right:-2px;display:inline-flex;align-items:center;height:15px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:9.5px;font-style:normal;font-weight:800;letter-spacing:.2px;line-height:1;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px var(--glow)}
.alt-yakinda .yakinda-rozet{top:-10px;right:auto;left:calc(100% - 4px)}