/* Feyyaz Medresem — Zumrut Grid tasarim sistemi
   Paletler: html[data-palet] · Gece modu: html[data-theme="dark"]
   Tum renkler degiskenlerden gelir; yeni bilesen yazarken sabit renk kullanmayin. */

:root,
[data-palet="zumrut"] { --ground:#F4F4F0; --ink:#111412; --p:#0D6B4F; --p-deep:#0A5940; --on-p:#D6EAE2; --label:#F6D58A; --a:#E3A21A; --on-a:#3B2F12; --muted:#4A524D; --rule:#C9CCC6; --g-dark:#0E1311; --b-dark:#18201C; --pt-dark:#4CC79D; }
[data-palet="lacivert"] { --ground:#F3F4F7; --ink:#0E1526; --p:#1D3A8A; --p-deep:#162E6E; --on-p:#D5DDF2; --label:#FFC9B8; --a:#F07B5A; --on-a:#3A160C; --muted:#4A5266; --rule:#C8CCD6; --g-dark:#0D111C; --b-dark:#161C2B; --pt-dark:#8FA8F0; }
[data-palet="bordo"]    { --ground:#F5F2EE; --ink:#1A1213; --p:#7A1F2B; --p-deep:#631822; --on-p:#EFD6D9; --label:#F2CF8B; --a:#D9B26A; --on-a:#3A2B10; --muted:#574C4C; --rule:#D3CBC6; --g-dark:#140E0F; --b-dark:#221718; --pt-dark:#E58A95; }
[data-palet="petrol"]   { --ground:#F2F5F4; --ink:#0D1716; --p:#0F5560; --p-deep:#0B4650; --on-p:#D2E6E8; --label:#E4F26B; --a:#D7E84A; --on-a:#2E3410; --muted:#475352; --rule:#C6CFCE; --g-dark:#0C1414; --b-dark:#142020; --pt-dark:#5FC3CF; }
[data-palet="murdum"]   { --ground:#F4F2F5; --ink:#17121B; --p:#4B2A63; --p-deep:#3D2252; --on-p:#E1D6EA; --label:#F0C76A; --a:#E5B54A; --on-a:#3A2C0C; --muted:#524A57; --rule:#CCC6D0; --g-dark:#120E16; --b-dark:#1E1725; --pt-dark:#B79AD6; }

/* Gunduz (varsayilan) rolleri */
html { --bg:var(--ground); --text:var(--ink); --line:var(--ink); --band:var(--ink); --on-band:var(--ground); --on-band-muted:#C8CCC9;
  --card:#FFFFFF; --p-text:var(--p); --btn:var(--ink); --on-btn:var(--ground); --text-muted:var(--muted); --hair:var(--rule); color-scheme:only light; }
/* Gece rolleri */
html[data-theme="dark"] { --bg:var(--g-dark); --text:#ECEEEA; --line:#ECEEEA; --band:var(--b-dark); --on-band:#ECEEEA; --on-band-muted:#AEB4B0;
  --card:var(--b-dark); --p-text:var(--pt-dark); --btn:#ECEEEA; --on-btn:var(--g-dark); --text-muted:#AEB4B0; --hair:#2C3330; color-scheme:only dark; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; overflow-x:clip; background:var(--bg); color:var(--text); font-family:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif; font-size:17px; line-height:1.55; }
img { max-width:100%; height:auto; display:block; }
a { color:var(--p-text); }
a:hover { text-decoration-thickness:2px; }
:focus-visible { outline:3px solid var(--a); outline-offset:2px; }
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip { position:absolute; left:-9999px; top:0; background:var(--a); color:#111; padding:12px 16px; z-index:100; font-weight:700; }
.skip:focus { left:12px; top:12px; }
.wrap { max-width:1320px; margin:0 auto; padding:0 20px; }
body.locked { overflow:hidden; }

/* ---------- ust serit ve baslik ---------- */
.topbar { background:var(--band); color:var(--on-band); font-size:13px; }
.topbar .wrap { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; padding-top:9px; padding-bottom:9px; }
.topbar strong { color:var(--a); }
.header { border-bottom:2px solid var(--line); background:var(--bg); position:sticky; top:0; z-index:30; }
.header .wrap { display:flex; align-items:center; gap:12px 20px; min-height:68px; }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; margin-right:auto; min-width:0; }
.brand__mark { width:30px; height:30px; background:var(--p); flex:0 0 auto; }
.brand__name { font-size:20px; font-weight:900; letter-spacing:-.03em; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.nav { display:flex; gap:2px; font-size:15px; font-weight:700; }
.nav a { color:var(--text); text-decoration:none; padding:12px 10px; }
.nav a[aria-current="page"] { background:var(--p); color:#fff; }
.icon-btn { width:44px; height:44px; flex:0 0 auto; border:2px solid var(--line); background:var(--card); color:var(--text); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; padding:0; }
.icon-btn svg { width:20px; height:20px; }
.theme-btn .i-sun { display:none; }
html[data-theme="dark"] .theme-btn .i-sun { display:block; }
html[data-theme="dark"] .theme-btn .i-moon { display:none; }
.header__search { display:flex; }
.header__search input { height:44px; width:170px; border:2px solid var(--line); background:var(--card); color:var(--text); padding:0 12px; font:inherit; font-size:15px; }
@media (max-width: 1080px) { .nav, .header__search { display:none; } }
@media (min-width: 1081px) { .only-mobile { display:none; } }
@media (max-width: 560px) {
  .header .wrap { gap:8px; padding-left:12px; padding-right:12px; min-height:60px; }
  .brand { gap:8px; }
  .brand__name { font-size:16px; letter-spacing:-.02em; }
  .brand__mark { width:20px; height:20px; }
  .icon-btn { width:42px; height:42px; }
}
@media (max-width: 360px) { .brand__name { font-size:14px; } .brand__mark { display:none; } }
h1, h2, h3, .card__title, .row__title, .article__title, .topic__name, .book__name { overflow-wrap:anywhere; }

/* ---------- yan menuler (sol: bolumler/konular, sag: arama/sayfalar) ---------- */
.scrim { position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:40; opacity:0; transition:opacity .2s; }
.scrim.is-open { opacity:1; }
.drawer { position:fixed; top:0; bottom:0; width:min(88vw, 380px); max-width:100vw; height:100dvh; background:var(--bg); color:var(--text); z-index:50; display:flex; flex-direction:column;
  transition:transform .25s ease; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.drawer--left { left:0; transform:translateX(-102%); border-right:2px solid var(--line); }
.drawer--right { right:0; transform:translateX(102%); border-left:2px solid var(--line); }
.drawer.is-open { transform:none; }
.drawer[hidden], .scrim[hidden] { display:none; }
.drawer__head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:2px solid var(--line); position:sticky; top:0; background:var(--bg); }
.drawer__title { font-weight:900; font-size:15px; text-transform:uppercase; letter-spacing:.1em; }
.drawer__body { padding:8px 16px 32px; display:flex; flex-direction:column; gap:22px; }
.drawer h2 { font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:var(--text-muted); margin:14px 0 4px; }
.dlist { list-style:none; margin:0; padding:0; }
.dlist > li { border-bottom:1px solid var(--hair); }
.dlist a, .dlist summary { display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:48px; padding:6px 0; color:var(--text); text-decoration:none; font-weight:700; font-size:17px; cursor:pointer; }
.dlist summary { list-style:none; }
.dlist summary::-webkit-details-marker { display:none; }
.dlist summary::after { content:"+"; font-size:22px; font-weight:400; color:var(--p-text); }
.dlist details[open] > summary::after { content:"–"; }
.dlist .sub { list-style:none; margin:0 0 10px; padding:0 0 0 12px; border-left:3px solid var(--p); }
.dlist .sub a { font-weight:500; font-size:16px; min-height:44px; }
.dlist small { color:var(--text-muted); font-weight:700; font-size:13px; }
.dsearch { display:flex; gap:8px; }
.dsearch input { flex:1; min-width:0; height:48px; border:2px solid var(--line); background:var(--card); color:var(--text); padding:0 12px; font:inherit; }
.dsearch button, .btn { height:48px; padding:0 18px; border:0; background:var(--btn); color:var(--on-btn); font:inherit; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; text-decoration:none; }
.dtheme { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; border:2px solid var(--line); padding:0 14px; background:var(--card); color:var(--text); font:inherit; font-weight:700; width:100%; cursor:pointer; }

/* ---------- genel bloklar ---------- */
.section { padding:56px 0; }
.section--tight { padding:8px 0 56px; }
.sec-head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; border-bottom:2px solid var(--line); padding-bottom:14px; }
.sec-head h1, .sec-head h2 { margin:0; font-size:clamp(30px, 4vw, 44px); font-weight:900; letter-spacing:-.035em; line-height:1.05; }
.sec-head a { font-weight:700; font-size:15px; }
.sec-head span { font-weight:700; font-size:15px; color:var(--text-muted); }
.kicker { font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; margin:0 0 20px; }
.crumbs { display:flex; flex-wrap:wrap; gap:6px; font-size:14px; color:var(--text-muted); padding:18px 0 0; }
.crumbs a { color:var(--text-muted); }
.crumbs span[aria-hidden] { opacity:.6; }

/* Ana sayfa giris */
.hero { display:flex; flex-wrap:wrap; gap:32px 40px; padding:56px 0; align-items:flex-end; border-bottom:2px solid var(--line); }
.hero__text { flex:2 1 520px; min-width:0; display:flex; flex-direction:column; gap:26px; }
.hero h1 { margin:0; font-size:clamp(42px, 7vw, 96px); line-height:.95; font-weight:900; letter-spacing:-.045em; text-wrap:balance; }
.hero h1 em { font-style:normal; color:var(--p-text); }
.actions { display:flex; flex-wrap:wrap; gap:12px; }
.btn { min-height:52px; height:auto; padding:0 24px; font-size:16px; }
.btn--ghost { background:transparent; color:var(--text); border:2px solid var(--line); }
.feature { flex:1 1 320px; min-width:0; background:var(--p); color:#fff; text-decoration:none; display:flex; flex-direction:column; }
.feature__media { position:relative; aspect-ratio:16/10; background:var(--p-deep); overflow:hidden; }
.feature__media img { width:100%; height:100%; object-fit:cover; opacity:.92; }
.play { position:absolute; inset:0; margin:auto; width:72px; height:72px; background:var(--a); display:flex; align-items:center; justify-content:center; }
.play svg { width:26px; height:26px; fill:#111; }
.feature__body { padding:20px 22px 24px; display:flex; flex-direction:column; gap:10px; }
.feature__meta { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--label); }
.feature__title { font-size:26px; font-weight:800; line-height:1.15; letter-spacing:-.02em; }

/* Bolum bloklari */
.blocks { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(280px, 100%), 1fr)); border:2px solid var(--line); }
.block { display:flex; flex-direction:column; justify-content:space-between; gap:32px; min-height:300px; padding:26px; text-decoration:none; }
.block__num { font-size:clamp(84px, 9vw, 120px); font-weight:900; line-height:.85; letter-spacing:-.06em; }
.block__name { font-size:28px; font-weight:800; letter-spacing:-.02em; display:block; }
.block__desc { font-size:15px; display:block; margin-top:6px; }
.block--p { background:var(--p); color:#fff; } .block--p .block__desc { color:var(--on-p); }
.block--band { background:var(--band); color:var(--on-band); } .block--band .block__desc { color:var(--on-band-muted); }
.block--a { background:var(--a); color:#111; } .block--a .block__desc { color:var(--on-a); }
.block--card { background:var(--card); color:var(--text); } .block--card .block__num { color:var(--p-text); } .block--card .block__desc { color:var(--text-muted); }
.block:hover .block__name { text-decoration:underline; text-underline-offset:5px; }

/* Ders satirlari */
.rows { list-style:none; margin:0; padding:0; }
.rows li { border-bottom:1px solid var(--hair); }
.row { display:flex; flex-wrap:wrap; gap:6px 20px; align-items:baseline; padding:18px 0; color:var(--text); text-decoration:none; }
.row__no { font-size:15px; font-weight:800; color:var(--p-text); width:32px; }
.row__cat { font-size:14px; font-weight:700; color:var(--text-muted); flex:1 1 160px; max-width:220px; }
.row__title { font-size:21px; font-weight:700; letter-spacing:-.015em; line-height:1.25; flex:1 1 380px; }
.row__date { font-size:14px; color:var(--text-muted); flex:0 0 auto; }
.row:hover .row__title { text-decoration:underline; text-underline-offset:4px; }

/* Konular */
.topics { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(360px, 100%), 1fr)); }
.topic { display:flex; flex-direction:column; gap:12px; padding:24px 20px; border-bottom:1px solid var(--hair); border-right:1px solid var(--hair); color:var(--text); text-decoration:none; }
.topic__top { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.topic__name { font-size:26px; font-weight:900; letter-spacing:-.025em; }
.topic__count { font-size:15px; font-weight:800; color:var(--p-text); }
.topic__subs { font-size:15px; line-height:1.5; color:var(--text-muted); }

/* Makale kartlari */
.articles { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap:28px; padding-top:26px; }
.article { display:flex; flex-direction:column; gap:12px; border-top:6px solid var(--p); padding-top:16px; color:var(--text); text-decoration:none; }
.article__cat { font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--p-text); }
.article__title { font-size:23px; font-weight:800; line-height:1.2; letter-spacing:-.02em; }

/* Video kartlari */
.cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap:32px 24px; padding-top:26px; }
.card { display:flex; flex-direction:column; gap:10px; color:var(--text); text-decoration:none; }
.card__media { position:relative; aspect-ratio:16/9; background:var(--band); overflow:hidden; }
.card__media img { width:100%; height:100%; object-fit:cover; }
.card__media .play { width:48px; height:48px; inset:auto 12px 12px auto; }
.card__media .play svg { width:18px; height:18px; }
.card__cat { font-size:13px; font-weight:800; color:var(--p-text); text-transform:uppercase; letter-spacing:.06em; }
.card__title { font-size:20px; font-weight:800; line-height:1.22; letter-spacing:-.015em; }
.card__date { font-size:14px; color:var(--text-muted); }
.card:hover .card__title { text-decoration:underline; text-underline-offset:4px; }
.card--text .card__media { display:none; }

/* Bolum sayfasi */
.sec-hero { background:var(--p); color:#fff; }
.sec-hero--band { background:var(--band); color:var(--on-band); }
.sec-hero--a { background:var(--a); color:#111; }
.sec-hero--card { background:var(--card); color:var(--text); border-bottom:2px solid var(--line); }
.sec-hero .wrap { display:flex; flex-wrap:wrap; gap:32px; align-items:flex-end; justify-content:space-between; padding-top:56px; padding-bottom:48px; }
.sec-hero__text { flex:1 1 520px; min-width:0; display:flex; flex-direction:column; gap:18px; }
.sec-hero__kicker { font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:var(--label); }
.sec-hero--a .sec-hero__kicker, .sec-hero--card .sec-hero__kicker { color:inherit; opacity:.8; }
.sec-hero h1 { margin:0; font-size:clamp(46px, 8vw, 120px); line-height:.88; font-weight:900; letter-spacing:-.05em; }
.sec-hero p { margin:0; font-size:19px; line-height:1.55; max-width:560px; opacity:.88; }
.stats { display:flex; border:2px solid currentColor; }
.stats div { padding:16px 24px; } .stats div + div { border-left:2px solid currentColor; }
.stats b { display:block; font-size:52px; font-weight:900; line-height:1; letter-spacing:-.04em; }
.stats span { font-size:14px; font-weight:700; }
.books { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(280px, 100%), 1fr)); border-left:2px solid var(--line); }
.book { display:flex; flex-direction:column; justify-content:space-between; gap:24px; min-height:160px; padding:20px 22px; border-right:2px solid var(--line); border-bottom:2px solid var(--line); background:var(--card); color:var(--text); text-decoration:none; }
.book__top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.book__no { font-size:14px; font-weight:800; color:var(--p-text); }
.book__count { font-size:48px; font-weight:900; line-height:.85; letter-spacing:-.05em; }
.book__name { font-size:22px; font-weight:800; letter-spacing:-.02em; }
.book:hover { background:var(--p); color:#fff; } .book:hover .book__no { color:var(--on-p); }

/* Yazi / video sayfasi */
.post-head { padding:20px 0 28px; display:flex; flex-direction:column; gap:16px; max-width:980px; }
.post-head h1 { margin:0; font-size:clamp(32px, 5vw, 60px); line-height:1.05; font-weight:900; letter-spacing:-.035em; text-wrap:balance; }
.post-meta { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:14px; color:var(--text-muted); font-weight:700; }
.post-meta a { color:var(--p-text); }
.player { position:relative; aspect-ratio:16/9; background:#000; width:100%; }

/* Tekil yazi: icerik + kenar cubugu */
.post-layout { display:grid; grid-template-columns:minmax(0, 1fr) 340px; gap:48px; align-items:start; padding-bottom:24px; }
@media (max-width: 1000px) { .post-layout { grid-template-columns:minmax(0, 1fr); gap:40px; } }
.post-main { min-width:0; }
.post-main .post-head { max-width:none; }
.post-main .prose { max-width:none; }
.post-sub { margin:0; font-size:20px; color:var(--text-muted); }
.media-frame { margin:0; width:100%; }
.media-frame .yt, .media-frame .player { width:100%; aspect-ratio:16/9; }
.media-frame--image img { width:100%; max-height:560px; object-fit:cover; }
.prevnext { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap:12px; margin-top:32px; }
.prevnext__item { display:flex; flex-direction:column; gap:6px; padding:16px 18px; border:2px solid var(--line); color:var(--text); text-decoration:none; }
.prevnext__item span { font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--p-text); }
.prevnext__item b { font-size:17px; line-height:1.3; }
.prevnext__item--next { text-align:right; }
.prevnext__item:hover { background:var(--card); }

.sidebar { display:flex; flex-direction:column; gap:24px; min-width:0; padding-top:20px; }
.widget { border:2px solid var(--line); background:var(--card); }
.widget__title { margin:0; padding:12px 16px; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; border-bottom:2px solid var(--line); display:flex; justify-content:space-between; gap:8px; }
.widget__title small { color:var(--text-muted); }
.widget__body { padding:14px 16px; }
.wlist { list-style:none; margin:0; padding:0; }
.wlist--scroll { max-height:520px; overflow-y:auto; overscroll-behavior:contain; }
.wlist li + li { border-top:1px solid var(--hair); }
.wlist a { display:flex; align-items:center; gap:12px; padding:11px 16px; min-height:44px; color:var(--text); text-decoration:none; font-size:15px; line-height:1.35; }
.wlist a:hover { background:color-mix(in srgb, var(--p) 10%, transparent); }
.wlist a[aria-current] { background:var(--p); color:#fff; }
.wlist a[aria-current] .wlist__no { color:var(--on-p); }
.wlist__no { font-weight:800; color:var(--p-text); min-width:24px; font-size:13px; }
.wlist__title { flex:1; min-width:0; overflow-wrap:anywhere; }
.wlist small { color:var(--text-muted); font-weight:700; }
.wlist__thumb { width:96px; height:54px; object-fit:cover; flex:0 0 auto; background:var(--band); }
.yt { position:relative; aspect-ratio:16/9; background:#000; cursor:pointer; overflow:hidden; border:0; padding:0; width:100%; display:block; }
.yt img { width:100%; height:100%; object-fit:cover; display:block; }
.yt::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at center, rgba(0,0,0,.28), rgba(0,0,0,0) 45%); pointer-events:none; }
.yt iframe, .player iframe, .yt-list iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.yt .play { width:84px; height:84px; z-index:1; }
.yt .play svg { width:30px; height:30px; }
.yt-list { position:relative; aspect-ratio:16/9; background:#000; margin:24px 0; }
.source-note { max-width:760px; margin:20px 0 0; padding:14px 16px; border:2px solid var(--line); font-size:15px; }

.prose { max-width:760px; font-size:19px; line-height:1.75; padding:28px 0 8px; overflow-wrap:anywhere; }
.prose > * + * { margin-top:1.1em; }
.prose p { margin:0 0 1.1em; }
.prose h2, .prose h3, .prose h4 { line-height:1.2; letter-spacing:-.02em; margin:1.6em 0 .5em; font-weight:800; }
.prose blockquote { margin:1.4em 0; padding:4px 0 4px 20px; border-left:6px solid var(--p); }
.prose img { margin:1.2em 0; }
.prose ul, .prose ol { padding-left:1.3em; }
.prose a { color:var(--p-text); }
.prose hr { border:0; border-top:2px solid var(--hair); margin:2em 0; }
.prose table { border-collapse:collapse; width:100%; display:block; overflow-x:auto; }
.prose td, .prose th { border:1px solid var(--hair); padding:8px 10px; }
/* Nur Divani icerik siniflari */
.arabca { font-family:'Amiri','Scheherazade New','Traditional Arabic',serif; direction:rtl; unicode-bidi:isolate; font-size:1.45em; line-height:2; font-style:normal; font-weight:400; }
p > .arabca:only-child, .arabca--ayet { display:block; text-align:center; }
.arabca-in { font-size:1.25em; display:inline; }
.nd-hadis, .nd-ayet, .nd-risale, .nd-risale2, .nd-risale3 { border:2px solid var(--line); background:var(--card); padding:20px 22px; margin:1.6em 0; }
.nd-ayet { border-color:var(--p); }
.nd-hadis-kaynak, .nd-ayet-kaynak, .nd-risale-kaynak { display:block; font-size:.82em; color:var(--text-muted); margin-top:.8em; }
.dua-mana { color:var(--text-muted); font-style:italic; }
.lgt_kelime { border-bottom:1px dotted var(--p-text); }
/* Eski sayfa ogeleri */
.wp-figure { margin:1.4em 0; }
.wp-gallery { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(180px, 46%), 1fr)); gap:10px; margin:1.4em 0; }
.wp-gallery__item img { width:100%; aspect-ratio:1; object-fit:cover; margin:0; }
.wp-map { position:relative; aspect-ratio:16/10; margin:1.4em 0; } .wp-map iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.wp-note { border:2px solid var(--a); padding:14px 16px; }
.tags { display:flex; flex-wrap:wrap; gap:8px; padding:16px 0 0; max-width:760px; }
.tags a { border:2px solid var(--line); padding:6px 12px; font-size:14px; font-weight:700; color:var(--text); text-decoration:none; min-height:36px; display:inline-flex; align-items:center; }

/* Sayfalama */
.pager { display:flex; flex-wrap:wrap; gap:8px; padding:36px 0 8px; align-items:center; }
.pager a, .pager span { min-width:48px; height:48px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center; border:2px solid var(--line); color:var(--text); text-decoration:none; font-weight:800; }
.pager [aria-current] { background:var(--btn); color:var(--on-btn); }
.pager .gap { border:0; min-width:24px; padding:0; }
.empty { padding:40px 0; font-size:18px; color:var(--text-muted); }

/* Alt bilgi */
.footer { background:var(--band); color:var(--on-band); margin-top:40px; }
.footer .wrap { padding-top:48px; padding-bottom:36px; display:flex; flex-direction:column; gap:32px; }
.footer__name { font-size:clamp(40px, 8vw, 104px); font-weight:900; letter-spacing:-.06em; line-height:.9; }
.footer__cols { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap:24px; }
.footer h2 { font-size:13px; text-transform:uppercase; letter-spacing:.12em; color:var(--on-band-muted); margin:0 0 10px; }
.footer ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.footer a { color:var(--on-band); text-decoration:none; display:inline-flex; min-height:36px; align-items:center; }
.footer a:hover { text-decoration:underline; }
.footer__note { font-size:14px; color:var(--on-band-muted); border-top:1px solid color-mix(in srgb, var(--on-band) 25%, transparent); padding-top:20px; }

@media (max-width: 640px) {
  body { font-size:16px; }
  .section { padding:40px 0; }
  .hero { padding:36px 0 40px; }
  .block { min-height:220px; }
  .prose { font-size:18px; }
  .row__cat { max-width:none; }
  .row__date { order:5; }
  .stats b { font-size:40px; }
}
@media (prefers-reduced-motion: reduce) { .drawer, .scrim { transition:none; } }

/* ===================== Tema ayarlari (Yonetim > Gorunum > Tema ayarlari) =====================
   Degerler sayfanin <head> kismindaki :root degiskenlerinden gelir; yoksa buradaki varsayilanlar. */
.wrap { max-width:var(--page-max, 1320px); padding-left:var(--gutter, 20px); padding-right:var(--gutter, 20px); }
body { font-size:var(--fs-base, 17px); }
.prose { font-size:var(--fs-prose, 19px); line-height:var(--lh-prose, 1.75); }
.post-head h1 { font-size:clamp(var(--h1-min, 32px), 5vw, var(--h1-max, 60px)); }
.sec-head h1, .sec-head h2 { font-size:clamp(var(--h2-min, 30px), 4vw, var(--h2-max, 44px)); }
.hero h1 { font-size:clamp(var(--hero-min, 42px), 7vw, var(--hero-max, 96px)); }
.sec-hero h1 { font-size:clamp(var(--hero-min, 46px), 8vw, var(--hero-max, 120px)); }
.card__title { font-size:var(--card-title, 20px); }
.arabca { font-size:calc(var(--ar-scale, 1.45) * 1em); }
.post-layout { grid-template-columns:minmax(0, 1fr) var(--side-w, 340px); }
@media (max-width: 1000px) { .post-layout { grid-template-columns:minmax(0, 1fr); } }
.btn, .icon-btn, .widget, .dsearch input, .dsearch button, .header__search input, .card__media, .feature, .prevnext__item, .tags a, .pager a, .pager span, .book, .wp-note, .source-note, .dtheme { border-radius:var(--radius, 0px); }
.widget { overflow:hidden; }
.block:first-child { border-top-left-radius:var(--radius, 0px); }
html.no-sticky .header { position:static; }
html.no-topbar .topbar { display:none; }
html.no-theme-toggle [data-theme-toggle] { display:none !important; }
html[data-theme="dark"][data-dark-depth="oled"] { --bg:#000000; --band:#0E0E0E; --card:#0B0B0B; --hair:#242424; }
html[data-theme="dark"][data-dark-depth="soft"] { --bg:color-mix(in srgb, var(--g-dark) 80%, #3A3F3C); --band:color-mix(in srgb, var(--b-dark) 80%, #4A504C); --card:color-mix(in srgb, var(--b-dark) 80%, #4A504C); }
@media (max-width: 640px) {
  .wrap { padding-left:var(--gutter-m, 16px); padding-right:var(--gutter-m, 16px); }
  body { font-size:var(--fs-base-m, 16px); }
  .prose { font-size:var(--fs-prose-m, 18px); }
  .post-head h1 { font-size:var(--h1-m, 32px); }
  .sec-head h1, .sec-head h2 { font-size:var(--h2-m, 30px); }
  .hero h1, .sec-hero h1 { font-size:var(--hero-m, 44px); }
  .card__title { font-size:var(--card-title-m, 19px); }
  html.m-no-topbar .topbar { display:none; }
}
@media (max-width: 1000px) { html.m-no-sidebar .sidebar { display:none; } }

/* Logo (Yonetim > Gorunum > Logo ve favicon) */
.brand__logo { height:var(--logo-h, 40px); width:auto; max-width:min(320px, 60vw); object-fit:contain; display:block; }
.brand__logo--dark { display:none; }
html[data-theme="dark"] .brand__logo--light { display:none; }
html[data-theme="dark"] .brand__logo--dark { display:block; }
html.no-site-name .brand--logo .brand__name { display:none; }
@media (max-width: 640px) { .brand__logo { height:var(--logo-h-m, 30px); max-width:52vw; } }

/* =====================================================================
   Ana sayfa (Yonetim > Ana sayfa): ust slider (.hs) ve orta bloklar (.hb)
   ===================================================================== */
.hs { padding:20px 0 4px; }
.hs-grid { display:grid; gap:4px; grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows:repeat(2, minmax(0,1fr)); height:var(--hs-h, clamp(380px, 36vw, 540px)); }
.hs-grid .tile--big { grid-row:1 / span 2; }
.hs-grid--g4 { grid-template-columns:minmax(0,2fr) minmax(0,1fr); grid-template-rows:repeat(3, minmax(0,1fr)); }
.hs-grid--g4 .tile--big { grid-row:1 / span 3; }
.hs-grid--g3 { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
.hs-grid--wide { grid-template-columns:1fr; grid-template-rows:1fr; height:var(--hs-h, clamp(320px, 40vw, 560px)); }
.hs-grid--wide .tile--big { grid-row:auto; }

/* Gorsel ustu baslikli kutu (slider, "gorsel ustu" blogu, koyu bant) */
.tile { position:relative; display:block; overflow:hidden; isolation:isolate; min-height:0; background:var(--band); color:#fff; text-decoration:none; border-radius:var(--radius, 0px); }
.tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.tile:hover img { transform:scale(1.045); }
.tile__shade { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.5) 62%, rgba(0,0,0,.86)); }
.tile__body { position:absolute; left:0; right:0; bottom:0; padding:16px 18px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.tile--big .tile__body { padding:28px 30px; gap:12px; }
.tile__title { font-size:17px; font-weight:800; line-height:1.25; letter-spacing:-.01em; text-shadow:0 1px 3px rgba(0,0,0,.35);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.tile--big .tile__title { font-size:clamp(24px, 2.5vw, 40px); line-height:1.08; letter-spacing:-.03em; -webkit-line-clamp:4; text-wrap:balance; }
.tile__date { font-size:13px; font-weight:600; color:rgba(255,255,255,.85); }
.tile:hover .tile__title { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:2px; }
.tile__play { position:absolute; top:12px; right:12px; z-index:1; width:36px; height:36px; background:var(--a); display:flex; align-items:center; justify-content:center; border-radius:var(--radius, 0px); }
.tile__play svg { width:15px; height:15px; fill:#111; }
.tile--big .tile__play { top:20px; right:20px; width:56px; height:56px; }
.tile--big .tile__play svg { width:22px; height:22px; }
.tile--noimg { background:var(--p); }
.tile--noimg .tile__shade { display:none; }
.tile:focus-visible { outline-offset:-4px; }
.chip { display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:var(--p); color:#fff; font-size:12px; font-weight:800; line-height:1.2; letter-spacing:.05em; text-transform:uppercase; padding:5px 8px; border-radius:calc(var(--radius, 0px) / 2); }
html[data-theme="dark"] .tile .chip { background:var(--p); }

@media (max-width: 760px) {
  .hs { padding-top:12px; }
  .hs-grid, .hs-grid--g4, .hs-grid--g3 { height:auto; grid-template-columns:repeat(2, minmax(0,1fr)); grid-template-rows:none; }
  /* Yukseklik yonetimden verilmisse o, verilmemisse en-boy orani kullanilir */
  .hs-grid .tile { aspect-ratio:var(--hs-ar-s, 4/3); height:var(--hs-hs, auto); }
  .hs-grid .tile--big { grid-column:1 / -1; grid-row:auto; aspect-ratio:var(--hs-ar-m, 16/11); height:var(--hs-hm, auto); }
  .hs-grid .tile:not(.tile--big):last-child:nth-child(even) { grid-column:1 / -1; aspect-ratio:var(--hs-ar-s, 16/9); }
  .hs-grid--wide { height:auto; }
  .tile__body { padding:10px 12px; gap:6px; }
  .tile__title { font-size:15px; line-height:1.22; }
  .tile:not(.tile--big) .tile__date { display:none; }
  .tile:not(.tile--big) .chip { font-size:10px; padding:4px 6px; }
  .tile__play { top:8px; right:8px; width:28px; height:28px; }
  .tile__play svg { width:12px; height:12px; }
  .tile--big .tile__body { padding:18px 16px; gap:10px; }
  .tile--big .tile__title { font-size:24px; }
  .tile--big .tile__play { top:12px; right:12px; width:44px; height:44px; }
}

/* ---------- orta bloklar ---------- */
.hb { padding:44px 0; }
.hs + .hb { padding-top:36px; }
.hb--plain + .hb--plain { padding-top:8px; }
.hb--card { background:var(--card); border-top:2px solid var(--line); border-bottom:2px solid var(--line); }
.hb--band { background:var(--band); color:var(--on-band); --text:var(--on-band); --text-muted:var(--on-band-muted); --line:var(--on-band); --hair:rgba(255,255,255,.16);
  --p-text:var(--label); --mark:var(--a); --num:var(--a); --btn:var(--a); --on-btn:#111; }
.hb--p { background:var(--p); color:#fff; --text:#fff; --text-muted:var(--on-p); --line:#fff; --hair:rgba(255,255,255,.24);
  --p-text:var(--label); --mark:var(--a); --num:var(--label); --btn:#fff; --on-btn:var(--p); }
.hb--p .chip--solid { background:var(--a); color:var(--on-a); }
.hb--p .article { border-top-color:var(--a); }
.hb--band .block, .hb--p .block { border-color:var(--line); }

.hb-head { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; border-bottom:2px solid var(--line); padding-bottom:12px; margin-bottom:24px; }
.hb-head h2 { margin:0 auto 0 0; display:flex; align-items:center; gap:12px; min-width:0; font-size:clamp(22px, 2.3vw, 32px); font-weight:900; line-height:1.1; letter-spacing:-.03em; color:var(--text); }
.hb-head h2::before { content:""; flex:0 0 auto; width:14px; height:14px; background:var(--mark, var(--p)); }
.hb-head__more { font-weight:800; font-size:15px; color:var(--p-text); text-decoration:none; white-space:nowrap; padding:6px 0; }
.hb-head__more:hover { text-decoration:underline; text-underline-offset:4px; }
.hb-head__note { font-weight:700; font-size:14px; color:var(--text-muted); }
.hb .articles, .hb .cards { padding-top:0; }
.hb .blocks { margin-top:0; }

/* Karsilama */
.intro { display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
.intro__title { margin:0; max-width:17ch; font-size:clamp(var(--hero-m, 42px), 6.4vw, var(--hero-max, 96px)); line-height:.95; font-weight:900; letter-spacing:-.045em; text-wrap:balance; }
.intro__title em { font-style:normal; color:var(--p-text); }
.intro__text { margin:0; max-width:60ch; font-size:19px; color:var(--text-muted); }

/* Kart izgara */
.hb-cards--4 { grid-template-columns:repeat(4, minmax(0,1fr)); }
.hb-cards--3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.hb-cards--2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
@media (max-width: 1080px) { .hb-cards--4, .hb-cards--3 { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px) { .hb-cards--4, .hb-cards--3, .hb-cards--2 { grid-template-columns:1fr; gap:26px; } }

/* Buyuk + liste */
.bl { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:28px 36px; }
.bl__main { display:flex; flex-direction:column; align-items:flex-start; gap:12px; color:var(--text); text-decoration:none; }
.bl__media { position:relative; display:block; width:100%; aspect-ratio:16/9; overflow:hidden; background:var(--band); border-radius:var(--radius, 0px); }
.bl__media img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.bl__main:hover img { transform:scale(1.03); }
.bl__media .play { width:60px; height:60px; inset:auto 16px 16px auto; }
.bl__title { font-size:clamp(22px, 2.2vw, 30px); font-weight:900; line-height:1.14; letter-spacing:-.025em; overflow-wrap:anywhere; }
.bl__main:hover .bl__title { text-decoration:underline; text-underline-offset:4px; }
.bl__excerpt { font-size:16px; line-height:1.55; color:var(--text-muted); }
.bl__date { font-size:14px; font-weight:600; color:var(--text-muted); }
@media (max-width: 860px) { .bl { grid-template-columns:1fr; } }

/* Kucuk gorselli liste */
.minis { list-style:none; margin:0; padding:0; }
.minis li { border-bottom:1px solid var(--hair); }
.mini { display:grid; grid-template-columns:136px minmax(0,1fr); gap:14px; align-items:center; padding:12px 0; color:var(--text); text-decoration:none; }
.minis li:first-child .mini { padding-top:0; }
.mini--noimg { grid-template-columns:minmax(0,1fr); }
.mini__img { position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--band); border-radius:var(--radius, 0px); }
.mini__img img { width:100%; height:100%; object-fit:cover; }
.mini__play { position:absolute; left:6px; bottom:6px; width:24px; height:24px; background:var(--a); display:flex; align-items:center; justify-content:center; }
.mini__play svg { width:11px; height:11px; fill:#111; }
.mini__txt { display:flex; flex-direction:column; gap:4px; min-width:0; }
.mini__title { font-size:16px; font-weight:800; line-height:1.3; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.mini__date { font-size:13px; color:var(--text-muted); }
.mini:hover .mini__title { text-decoration:underline; text-underline-offset:3px; }
@media (max-width: 560px) { .mini { grid-template-columns:112px minmax(0,1fr); gap:12px; } .mini.mini--noimg { grid-template-columns:minmax(0,1fr); } .mini__title { font-size:15px; } }

/* Gorsel ustu baslik izgarasi */
.ovg { display:grid; gap:4px; grid-template-columns:repeat(4, minmax(0,1fr)); }
.ovg--3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.ovg--2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.ovg .tile { aspect-ratio:3/4; }
.ovg--wide .tile { aspect-ratio:16/10; }
@media (max-width: 1080px) { .ovg--4, .ovg--3 { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px) { .ovg--wide { grid-template-columns:1fr; } }

/* Kaydirmali serit */
.car { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 72px) / 4); gap:24px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; padding-bottom:14px; scrollbar-width:thin; scrollbar-color:var(--hair) transparent; }
.car__item { min-width:0; scroll-snap-align:start; }
.car__item .card { height:100%; }
.car__nav { display:flex; gap:6px; }
.car__btn { width:40px; height:40px; padding:0; border:2px solid var(--line); background:transparent; color:var(--text); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
.car__btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.6; }
.car__btn:hover { background:var(--btn); color:var(--on-btn); border-color:var(--btn); }
@media (max-width: 1080px) { .car { grid-auto-columns:calc((100% - 24px) / 2.3); } }
@media (max-width: 560px) { .car { grid-auto-columns:80%; gap:16px; } .car__nav { display:none; } }

/* Koyu bant - one cikan */
.spot { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:28px 36px; }
.spot__main { display:flex; }
.spot__main .tile { flex:1; aspect-ratio:16/9; }
.spot__list { list-style:none; margin:0; padding:0; }
.spot__list li { border-bottom:1px solid var(--hair); }
.spot__row { display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; align-items:baseline; padding:16px 0; color:var(--text); text-decoration:none; }
.spot__list li:first-child .spot__row { padding-top:0; }
.spot__no { font-size:30px; font-weight:900; line-height:1; letter-spacing:-.04em; font-variant-numeric:tabular-nums; color:var(--num, var(--p-text)); }
.spot__title { display:block; font-size:18px; font-weight:800; line-height:1.28; overflow-wrap:anywhere; }
.spot__date { display:block; margin-top:4px; font-size:13px; color:var(--text-muted); }
.spot__row:hover .spot__title { text-decoration:underline; text-underline-offset:3px; }
@media (max-width: 860px) { .spot { grid-template-columns:1fr; } .spot__main .tile { aspect-ratio:16/11; } }

/* Iki kategori yan yana */
.duo { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:40px 44px; }
.duo__col { min-width:0; }
.duo__col > .card { margin-bottom:14px; }
.duo .minis { border-top:1px solid var(--hair); }
.duo .minis li:first-child .mini { padding-top:12px; }
@media (max-width: 860px) { .duo { grid-template-columns:1fr; } }

/* Numarali liste */
.nlist { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:44px; }
.nlist li { border-bottom:1px solid var(--hair); }
.nlist__a { display:grid; grid-template-columns:58px minmax(0,1fr); gap:14px; align-items:start; padding:16px 0; color:var(--text); text-decoration:none; }
.nlist__no { font-size:36px; font-weight:900; line-height:.92; letter-spacing:-.05em; font-variant-numeric:tabular-nums; color:var(--num, var(--p-text)); }
.nlist__txt { display:flex; flex-direction:column; gap:4px; min-width:0; }
.nlist__cat { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--p-text); }
.nlist__title { font-size:18px; font-weight:800; line-height:1.28; overflow-wrap:anywhere; }
.nlist__date { font-size:13px; color:var(--text-muted); }
.nlist__a:hover .nlist__title { text-decoration:underline; text-underline-offset:3px; }
@media (max-width: 760px) { .nlist { grid-template-columns:1fr; } .nlist__a { grid-template-columns:46px minmax(0,1fr); } .nlist__no { font-size:28px; } }

/* Makale sutunlari */
.article__excerpt { font-size:15px; line-height:1.5; color:var(--text-muted); }

@media (max-width: 560px) {
  .hb { padding:32px 0; }
  .hb-head { margin-bottom:18px; }
  .hb-head h2::before { width:11px; height:11px; }
}

/* Slider yazi ayarlari (Yonetim > Ana sayfa > Slider > Yazi). Degiskenler .hs-grid uzerinde gelir. */
.hs .tile__title { font-family:var(--hs-font, inherit); font-weight:var(--hs-fw, 800); text-transform:var(--hs-tt, none); font-size:var(--hs-ts, 17px); }
.hs .tile--big .tile__title { font-size:var(--hs-tb, clamp(24px, 2.5vw, 40px)); letter-spacing:var(--hs-ls, -.03em); }
.hs .chip, .hs .tile__date { font-size:var(--hs-meta, 12px); }
.hs .tile__date { font-size:calc(var(--hs-meta, 12px) + 1px); }
.hs .tile__shade { background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,calc(var(--hs-shade, .86) * .58)) 62%, rgba(0,0,0,var(--hs-shade, .86))); }
@media (max-width: 760px) {
  .hs .tile__title { font-size:var(--hs-tsm, 15px); }
  .hs .tile--big .tile__title { font-size:var(--hs-tbm, 24px); }
  .hs .tile:not(.tile--big) .chip { font-size:calc(var(--hs-meta, 12px) - 2px); }
}

/* =====================================================================
   Ust baslik H2 "Koyu serit" (Yonetim > Header ve menu)
   ===================================================================== */
.hx { background:var(--hx-bg, var(--band)); color:var(--hx-text, var(--on-band)); border-bottom:var(--hx-bar-h, 4px) solid var(--hx-bar, var(--p)); }
html[data-theme="dark"] .hx { background:var(--hx-bg-dark, var(--hx-bg, var(--band))); }
.hx .wrap { min-height:var(--hx-h, 84px); gap:10px 16px; }
.hx .brand { color:inherit; margin-right:0; flex:0 0 auto; }
.hx .icon-btn { background:transparent; color:inherit; border-color:color-mix(in srgb, currentColor 38%, transparent); }
.hx .icon-btn:hover { background:var(--hx-hover, color-mix(in srgb, currentColor 10%, transparent)); }
.hx .hx__menu-btn { background:var(--hx-menu-btn, var(--p)); border-color:var(--hx-menu-btn, var(--p)); color:#fff; }
.hx__search { display:flex; align-items:center; gap:8px; flex:0 1 var(--hx-search-w, 270px); min-width:150px; height:46px; padding:0 12px; box-sizing:border-box;
  border:2px solid color-mix(in srgb, currentColor 30%, transparent); background:var(--hx-search-bg, color-mix(in srgb, currentColor 7%, transparent)); }
.hx__search svg { flex:0 0 auto; opacity:.75; }
.hx__search input { flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; color:inherit; font:inherit; font-size:15px; padding:0; }
.hx__search input::placeholder { color:inherit; opacity:.6; }
.hx__search:focus-within { border-color:var(--hx-active, var(--a)); }
.hx__nav { display:flex; align-self:stretch; margin-left:auto; }
.hx__item { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-width:var(--hx-item-w, 84px); padding:8px 9px; box-sizing:border-box;
  color:inherit; text-decoration:none; white-space:nowrap; font-size:var(--hx-label-size, 12px); font-weight:800; letter-spacing:var(--hx-ls, .05em); text-transform:var(--hx-tt, uppercase);
  box-shadow:inset 0 var(--hx-active-h, 3px) 0 transparent; transition:background .15s, color .15s; }
.hx__icon { width:var(--hx-icon-size, 22px); height:var(--hx-icon-size, 22px); flex:0 0 auto; color:var(--hx-icon, currentColor); }
.hx__item:hover { background:var(--hx-hover, color-mix(in srgb, currentColor 9%, transparent)); }
.hx__item[aria-current="page"] { color:var(--hx-active, var(--a)); box-shadow:inset 0 var(--hx-active-h, 3px) 0 var(--hx-active, var(--a)); }
.hx__item[aria-current="page"] .hx__icon { color:inherit; }
.hx__item:focus-visible { outline-offset:-4px; }
html.hx-no-icons .hx__icon { display:none; }
html.hx-no-labels .hx__label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
html.hx-no-search .hx__search { display:none; }
.hx__search-btn { display:none; }
html.hx-no-search .hx__search-btn { display:inline-flex; }
/* Dar masaustu: arama kutusu yerine dugme, menu sikisir */
@media (max-width: 1360px) { .hx__item { min-width:min(var(--hx-item-w, 84px), 72px); padding:8px 6px; letter-spacing:.02em; } .hx__search { flex-basis:min(var(--hx-search-w, 270px), 220px); } }
@media (max-width: 1220px) { .hx__search { display:none; } .hx__search-btn { display:inline-flex; } }
/* Mobil ve tablet (H6 duzeni): menu dugmesi + logo + arama; menu soldan acilir */
@media (max-width: 1080px) {
  .hx .wrap { min-height:var(--hx-m-h, 60px); }
  .hx .brand { margin-right:auto; }
  .hx__nav, .hx__more { display:none; }
  .hx__search-btn { display:inline-flex; }
}
@media (max-width: 560px) { .hx .theme-btn { display:none; } }

/* Sol menu: ikonlu liste */
.dlist--icons a, .dlist--icons summary { justify-content:flex-start; gap:12px; }
.dlist--icons summary::after { margin-left:auto; }
.dlist--icons a > small { margin-left:auto; }
.dl-ic { width:36px; height:36px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  background:var(--hx-dicon-bg, color-mix(in srgb, var(--p) 12%, transparent)); color:var(--p-text); }
.dl-ic svg { width:20px; height:20px; }
.dl-ic--sm { width:30px; height:30px; }
.dl-ic--sm svg { width:17px; height:17px; }
.dlist--icons details[open] > summary .dl-ic, .dlist--icons a[aria-current] .dl-ic { background:var(--p); color:#fff; }
.dl-t { min-width:0; }
.dlist--icons .sub { margin-left:17px; padding-left:20px; }
html.hx-logo-dark .hx .brand__logo--light, html.hx-logo-light .hx .brand__logo--dark { display:none; }
html.hx-logo-dark .hx .brand__logo--dark, html.hx-logo-light .hx .brand__logo--light { display:block; }

/* Header yazi tipleri (Yonetim > Header ve menu > Yazi tipi) */
.hx__item { font-family:var(--hx-menu-font, inherit); font-weight:var(--hx-menu-fw, 800); }
.hx .brand__name { font-family:var(--hx-brand-font, inherit); font-weight:var(--hx-brand-fw, 900); font-size:var(--hx-brand-size, 20px); text-transform:var(--hx-brand-tt, uppercase); }
.hx__search input { font-size:var(--hx-search-size, 15px); }
@media (max-width: 560px) { .hx .brand__name { font-size:var(--hx-brand-size-m, 16px); } }
@media (max-width: 360px) { .hx .brand__name { font-size:min(var(--hx-brand-size-m, 16px), 14px); } }
@media (max-width: 1080px) { .hx .brand { flex:0 1 auto; min-width:0; } }

/* =====================================================================
   Resim slider'i (Ana sayfa > Orta bloklar > Resim slider'i)
   ===================================================================== */
.hb--full { padding:0; }
.hb-image_slider:not(.hb--full) { padding:24px 0; }
.hb--full + .hs, .hb--full + .hb { padding-top:28px; }
.isl { position:relative; height:var(--isl-h, 520px); overflow:hidden; background:var(--band); color:#fff; border-radius:var(--radius, 0px); isolation:isolate; }
.isl--full { border-radius:0; }
.isl__track { position:relative; height:100%; }
.isl__slide { position:absolute; inset:0; display:block; color:inherit; text-decoration:none; }
.isl picture, .isl img { position:absolute; inset:0; width:100%; height:100%; }
.isl img { object-fit:cover; object-position:center var(--isl-focus, center); }
/* gecis: solma */
.isl--fade .isl__slide { opacity:0; visibility:hidden; transition:opacity var(--isl-tdur, .8s) ease, visibility 0s linear var(--isl-tdur, .8s); }
.isl--fade .isl__slide.is-active { opacity:1; visibility:visible; transition:opacity var(--isl-tdur, .8s) ease; z-index:1; }
/* gecis: perde (yeni slayt soldan sağa acilir) */
.isl--wipe .isl__slide { visibility:hidden; z-index:0; }
.isl--wipe .isl__slide.is-prev { visibility:visible; z-index:1; }
.isl--wipe .isl__slide.is-active { visibility:visible; z-index:2; animation:isl-wipe var(--isl-tdur, .9s) cubic-bezier(.65,0,.35,1) both; }
@keyframes isl-wipe { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
/* gecis: yok (aninda) */
.isl--none .isl__slide { visibility:hidden; }
.isl--none .isl__slide.is-active { visibility:visible; z-index:1; }
/* gorsel hareketi (varsayilan: yok) */
.isl--m-zoom_in .isl__slide.is-active img { animation:isl-zoom-in var(--isl-mdur, 9s) ease-out both; }
.isl--m-zoom_out .isl__slide.is-active img { animation:isl-zoom-out var(--isl-mdur, 9s) ease-out both; }
.isl--m-pan .isl__slide.is-active img { animation:isl-pan var(--isl-mdur, 12s) linear both; }
@keyframes isl-zoom-in { from { transform:scale(1); } to { transform:scale(1.08); } }
@keyframes isl-zoom-out { from { transform:scale(1.08); } to { transform:scale(1); } }
@keyframes isl-pan { from { transform:scale(1.1) translateX(-3%); } to { transform:scale(1.1) translateX(3%); } }
/* gecis: kayma */
.isl--slide .isl__track { display:flex; transition:transform var(--isl-tdur, .7s) cubic-bezier(.22,.7,.2,1); }
.isl--slide .isl__slide { position:relative; flex:0 0 100%; inset:auto; height:100%; }
/* yazi */
.isl__shade { position:absolute; inset:0; pointer-events:none; }
.isl__shade--left { background:linear-gradient(90deg, rgba(0,0,0,var(--isl-shade, .45)) 0%, rgba(0,0,0,calc(var(--isl-shade, .45) * .55)) 45%, rgba(0,0,0,0) 80%); }
.isl__shade--right { background:linear-gradient(270deg, rgba(0,0,0,var(--isl-shade, .45)) 0%, rgba(0,0,0,calc(var(--isl-shade, .45) * .55)) 45%, rgba(0,0,0,0) 80%); }
.isl__shade--center { background:rgba(0,0,0,calc(var(--isl-shade, .45) * .85)); }
.isl__cap { position:absolute; inset:0; display:flex; align-items:center; pointer-events:none; }
.isl__capin { width:min(100% - 2 * var(--gutter, 20px), var(--page-max, 1320px) - 2 * var(--gutter, 20px)); margin:0 auto; display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.isl:not(.isl--full) .isl__capin { width:calc(100% - 96px); }
.isl__cap--center .isl__capin { align-items:center; text-align:center; }
.isl__cap--right .isl__capin { align-items:flex-end; text-align:right; }
.isl__cap > * > * { max-width:min(640px, 100%); }
.isl__kicker { display:inline-block; background:var(--a); color:#111; font-size:13px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; padding:6px 10px; }
.isl__title { margin:0; font-family:var(--isl-font, inherit); font-size:var(--isl-title, 48px); line-height:1.04; font-weight:900; letter-spacing:-.035em; text-wrap:balance; text-shadow:0 2px 16px rgba(0,0,0,.25); }
.isl__text { margin:0; font-size:19px; line-height:1.5; color:rgba(255,255,255,.9); text-shadow:0 1px 8px rgba(0,0,0,.3); }
.isl__btn { pointer-events:auto; display:inline-flex; align-items:center; gap:10px; min-height:50px; padding:0 22px; background:var(--a); color:#111; font-weight:800; font-size:16px; text-decoration:none; transition:transform .2s, background .2s; }
.isl__btn:hover { transform:translateY(-2px); }
/* yazi girisi: yok | solarak | asagidan | soldan */
.isl--t-fade .isl__slide.is-active .isl__capin > * { animation:isl-tfade .9s .2s ease both; }
.isl--t-up .isl__slide.is-active .isl__capin > * { animation:isl-up .8s .15s ease both; }
.isl--t-left .isl__slide.is-active .isl__capin > * { animation:isl-left .8s .15s ease both; }
.isl__slide.is-active .isl__capin > *:nth-child(2) { animation-delay:.25s; }
.isl__slide.is-active .isl__capin > *:nth-child(3) { animation-delay:.35s; }
.isl__slide.is-active .isl__capin > *:nth-child(4) { animation-delay:.45s; }
@keyframes isl-tfade { from { opacity:0; } to { opacity:1; } }
@keyframes isl-up { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@keyframes isl-left { from { opacity:0; transform:translateX(-24px); } to { opacity:1; transform:none; } }
a.isl__slide:hover .isl__title { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:3px; }
/* oklar ve noktalar */
.isl__arrow { position:absolute; top:50%; z-index:3; width:52px; height:52px; margin-top:-26px; display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer;
  background:rgba(0,0,0,.35); color:#fff; border:2px solid rgba(255,255,255,.55); transition:background .2s, opacity .2s; opacity:.85; }
.isl__arrow svg { width:22px; height:22px; }
.isl__arrow:hover { background:var(--a); color:#111; border-color:var(--a); opacity:1; }
.isl__arrow--prev { left:16px; } .isl__arrow--next { right:16px; }
.isl__bar { position:absolute; left:0; right:0; bottom:18px; z-index:3; display:flex; justify-content:center; align-items:center; gap:14px; pointer-events:none; }
.isl__dots { display:flex; gap:4px; pointer-events:auto; }
.isl__dot { width:36px; height:28px; padding:0; border:0; background:transparent; cursor:pointer; display:flex; align-items:center; }
.isl__dot span { display:block; width:100%; height:4px; background:rgba(255,255,255,.45); position:relative; overflow:hidden; }
.isl__dot[aria-current="true"] span { background:rgba(255,255,255,.45); }
.isl__dot[aria-current="true"] span::after { content:""; position:absolute; inset:0; background:var(--a); transform-origin:left; animation:isl-progress var(--isl-dur, 6s) linear both; }
.isl.is-paused .isl__dot[aria-current="true"] span::after, .isl:not([data-autoplay-on]) .isl__dot[aria-current="true"] span::after { animation:none; }
@keyframes isl-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.isl__pause { pointer-events:auto; width:32px; height:32px; padding:0; border:0; background:rgba(0,0,0,.35); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.isl__pause svg { width:14px; height:14px; }
.isl__pause .i-play, .isl.is-paused .isl__pause .i-pause { display:none; }
.isl.is-paused .isl__pause .i-play { display:block; }
.isl :focus-visible { outline:3px solid var(--a); outline-offset:2px; }
@media (max-width: 760px) {
  .isl { height:var(--isl-hm, 340px); }
  .isl__title { font-size:var(--isl-title-m, 28px); }
  .isl__text { font-size:16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .isl__capin, .isl:not(.isl--full) .isl__capin { width:calc(100% - 2 * var(--gutter-m, 16px)); gap:12px; padding-bottom:36px; }
  .isl__cap { align-items:flex-end; }
  .isl__shade--left, .isl__shade--right, .isl__shade--center { background:linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,0,0,calc(var(--isl-shade, .45) + .2)) 100%); }
  .isl__arrow { display:none; }
  .isl__btn { min-height:46px; padding:0 18px; font-size:15px; }
  .isl__bar { bottom:10px; }
  .isl__dot { width:26px; }
}
@media (prefers-reduced-motion: reduce) {
  .isl--fade .isl__slide, .isl--slide .isl__track { transition:none; }
  .isl--wipe .isl__slide.is-active { animation:none; }
  .isl img, .isl__capin > * { animation:none !important; }
}

/* Resim slider'i: ekran yuksekligi kadar (header dusulur) ve site genisligi siniri */
.isl--screen { height:max(320px, calc(var(--isl-vh, 100svh) - var(--hx-h, 84px) - var(--hx-bar-h, 4px))); }
.isl:not(.isl--full) { max-width:var(--isl-max, none); margin-inline:auto; }
@media (max-width: 760px) {
  .isl--screen { height:max(260px, calc(var(--isl-vh-m, 70svh) - var(--hx-m-h, 60px) - var(--hx-bar-h, 4px))); }
}

/* Titreme onlemi: solarak geciste eski slayt alttan tam opak kalir (arada koyu zemin gorunmez); katmanlar GPU'da */
.isl__slide { backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.isl--fade .isl__slide { will-change:opacity; z-index:0; }
.isl--fade .isl__slide.is-prev { opacity:1; visibility:visible; transition:none; z-index:1; }
.isl--fade .isl__slide.is-active { z-index:2; }
.isl--slide .isl__track { will-change:transform; }
.isl img { transform:translateZ(0); }
.isl--m-zoom_in .isl__slide.is-active img, .isl--m-zoom_out .isl__slide.is-active img, .isl--m-pan .isl__slide.is-active img { will-change:transform; }

/* =====================================================================
   Ust serit: solda tarih + menu, sagda sosyal medya (Yonetim > Header ve menu > Ust serit)
   ===================================================================== */
.tb { background:var(--tb-bg, #0A0D0C); color:var(--tb-text, #C8CCC9); font-size:var(--tb-size, 13px); position:relative; z-index:31; }
html[data-theme="dark"] .tb { background:var(--tb-bg, #070908); }
.tb .wrap { display:flex; align-items:center; justify-content:space-between; gap:8px 20px; min-height:38px; padding-top:0; padding-bottom:0; flex-wrap:nowrap; }
.tb__left { display:flex; align-items:center; gap:4px 18px; min-width:0; }
.tb__date { white-space:nowrap; font-weight:600; color:var(--tb-text, #C8CCC9); opacity:.85; padding-right:18px; border-right:1px solid rgba(255,255,255,.14); }
.tb__nav ul { list-style:none; margin:0; padding:0; }
.tb__nav > ul { display:flex; flex-wrap:wrap; align-items:center; }
.tb__nav li { position:relative; }
.tb__link { display:inline-flex; align-items:center; gap:5px; min-height:38px; padding:0 9px; color:inherit; text-decoration:none; font:inherit; font-weight:600; background:none; border:0; cursor:pointer; white-space:nowrap; }
.tb__nav > ul > li:first-child > .tb__link { padding-left:0; }
.tb__link:hover, .tb__link[aria-expanded="true"] { color:var(--tb-hover, var(--a)); }
.tb__sub { position:absolute; left:0; top:100%; min-width:210px; padding:6px 0; background:var(--tb-sub-bg, var(--card)); color:var(--text); border:2px solid var(--line); border-top:3px solid var(--tb-hover, var(--a));
  box-shadow:6px 6px 0 rgba(0,0,0,.12); opacity:0; visibility:hidden; transform:translateY(4px); transition:opacity .15s, transform .15s, visibility 0s linear .15s; z-index:40; }
.tb__has-sub:hover > .tb__sub, .tb__has-sub:focus-within > .tb__sub, .tb__toggle[aria-expanded="true"] + .tb__sub { opacity:1; visibility:visible; transform:none; transition:opacity .15s, transform .15s; }
.tb__sub a { display:block; padding:9px 16px; color:inherit; text-decoration:none; font-weight:600; white-space:nowrap; }
.tb__sub a:hover { background:var(--tint, rgba(13,107,79,.08)); color:var(--p-text); }
.tb__social, .dsocial { display:flex; align-items:center; gap:2px; flex:0 0 auto; }
.tb__soc { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; color:var(--tb-text, #C8CCC9); text-decoration:none; transition:color .15s, background .15s, transform .15s; }
.tb--social-brand .tb__soc:hover, .tb--social-brand .tb__soc:focus-visible { color:var(--brand); }
.tb--social-brand .tb__soc--x:hover, .tb--social-brand .tb__soc--tiktok:hover { color:#fff; }
.tb--social-brand_always .tb__soc { color:var(--brand); }
.tb--social-brand_always .tb__soc--x, .tb--social-brand_always .tb__soc--tiktok { color:#fff; }
.tb--social-boxed .tb__social { gap:4px; }
.tb--social-boxed .tb__soc { width:28px; height:28px; background:var(--brand); color:#fff; }
.tb--social-boxed .tb__soc:hover { transform:translateY(-2px); }
.tb--social-mono .tb__soc:hover { color:var(--tb-hover, var(--a)); }
.dsocial { flex-wrap:wrap; gap:8px; }
.dsocial .tb__soc { width:44px; height:44px; border:2px solid var(--line); color:var(--text); }
.dsocial .tb__soc:hover { background:var(--brand); border-color:var(--brand); color:#fff; }
/* dar ekran: menu sag menude zaten var; tarih + sosyal kalir */
@media (max-width: 1080px) { .tb__nav { display:none; } .tb__date { border-right:0; padding-right:0; } }
@media (max-width: 420px) { .tb__date { font-size:12px; } .tb__soc { width:28px; } }
@media (max-width: 340px) { .tb__date { display:none; } .tb .wrap { justify-content:center; } }

/* Ust serit: yukseklik ve menu ikonlari */
.tb .wrap { min-height:var(--tb-h, 38px); }
.tb__link { min-height:var(--tb-h, 38px); }
.tb__ic { width:calc(var(--tb-size, 13px) + 3px); height:calc(var(--tb-size, 13px) + 3px); flex:0 0 auto; opacity:.9; }
.tb__sub a { display:flex; align-items:center; gap:10px; }
.tb__sub .tb__ic { width:17px; height:17px; color:var(--p-text); opacity:1; }
.tb__soc svg { width:var(--tb-icon, 15px); height:var(--tb-icon, 15px); }
.tb__soc { width:calc(var(--tb-icon, 15px) + 17px); height:min(32px, var(--tb-h, 38px)); }
.tb--social-boxed .tb__soc { width:calc(var(--tb-icon, 15px) + 13px); height:calc(var(--tb-icon, 15px) + 13px); }

/* Yonetici cubugu (yalniz giris yapmis yoneticiye gorunur) */
.prose.cat-desc { max-width:820px; margin-top:18px; font-size:var(--fs-base, 17px); }
.abar { background:#1D2327; color:#E8ECEA; border-bottom:2px solid #E3A21A; font:600 13px/1 'Schibsted Grotesk', Arial, sans-serif; position:relative; z-index:45; }
.abar__in { max-width:var(--page-max, 1320px); margin:0 auto; padding:0 var(--gutter, 20px); display:flex; align-items:stretch; min-height:38px; overflow-x:auto; scrollbar-width:none; }
.abar a, .abar button { display:inline-flex; align-items:center; gap:7px; padding:0 12px; color:inherit; text-decoration:none; background:none; border:0; font:inherit; cursor:pointer; white-space:nowrap; }
.abar form { display:flex; margin:0; }
.abar a:hover, .abar button:hover { background:rgba(255,255,255,.08); color:#fff; }
.abar__home { padding-left:0 !important; font-weight:800; }
.abar__main { background:#E3A21A !important; color:#111 !important; font-weight:800; margin:5px 6px; padding:0 12px !important; }
.abar__main:hover { background:#F0B73A !important; }
.abar__sp { flex:1; }
@media (max-width: 640px) { .abar span:not(.abar__sp) { display:none; } .abar__main { font-size:12px; } .abar__in { padding:0 8px; } }

/* =====================================================================
   3 katli header: ust serit + beyaz orta alan (logo, arama) + renkli ikonlu menu bandi
   ===================================================================== */
.tb__right { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.tb__cta { display:inline-flex; align-items:center; gap:7px; height:max(26px, calc(var(--tb-h, 38px) - 12px)); padding:0 12px; background:var(--tbcta-bg, var(--a)); color:var(--tbcta-text, #111); font-weight:800; text-decoration:none; white-space:nowrap; border-radius:var(--radius, 0px); transition:filter .15s; }
.tb__cta:hover { filter:brightness(1.08); }
.hx3 { background:none; border-bottom:0; color:var(--text); top:calc(-1 * var(--hx3-mid-h, 88px)); }
html.no-sticky .hx3 { position:relative; }
.hx3__mid { background:var(--hx3-mid-bg, #FFFFFF); color:var(--hx3-mid-text, var(--text)); border-bottom:1px solid var(--hair); }
html[data-theme="dark"] .hx3__mid { background:var(--hx3-mid-bg-dark, var(--b-dark)); color:var(--hx3-mid-text, var(--text)); }
.hx3__mid .wrap { min-height:var(--hx3-mid-h, 88px); gap:16px 28px; }
.hx3 .brand { color:inherit; margin-right:0; flex:0 0 auto; }
.hx3 .brand__name { font-family:var(--hx-brand-font, inherit); font-weight:var(--hx-brand-fw, 900); font-size:var(--hx-brand-size, 20px); text-transform:var(--hx-brand-tt, uppercase); }
.hx3__search { flex:1 1 auto; max-width:var(--hx3-search-w, 620px); margin:0 auto; display:flex; align-items:center; gap:10px; height:50px; padding:0 0 0 14px; box-sizing:border-box;
  border:2px solid var(--hx3-search-border, var(--rule)); background:var(--bg); color:var(--text-muted); border-radius:var(--radius, 0px); overflow:hidden; }
.hx3__search:focus-within { border-color:var(--hx3-search-btn, var(--p)); }
.hx3__search input { flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; color:var(--text); font:inherit; font-size:var(--hx-search-size, 15px); padding:0; }
.hx3__search input::placeholder { color:var(--text-muted); opacity:.85; }
.hx3__search button { align-self:stretch; padding:0 22px; border:0; background:var(--hx3-search-btn, var(--p)); color:#fff; font:inherit; font-weight:800; cursor:pointer; }
.hx3__tools { display:flex; gap:8px; flex:0 0 auto; }
.hx3__tools .icon-btn { border-color:var(--hx3-search-border, var(--rule)); background:transparent; color:inherit; }
.hx3__search-btn { display:none; }
html.hx-no-search .hx3__search-btn { display:inline-flex; }
.hx3__nav { background:linear-gradient(90deg, var(--hx3-nav-from, var(--p-deep)), var(--hx3-nav-to, var(--p))); color:var(--hx3-nav-text, #fff); }
.hx3__nav .wrap { display:flex; align-items:center; gap:16px; min-height:var(--hx3-nav-h, 78px); }
.hx3__items { display:flex; flex:1; align-self:stretch; min-width:0; }
.hx3__item { position:relative; flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:8px 6px; color:inherit; text-decoration:none;
  font-family:var(--hx-menu-font, inherit); font-weight:var(--hx-menu-fw, 700); font-size:var(--hx-label-size, 13px); letter-spacing:var(--hx-ls, .02em); text-transform:var(--hx-tt, none); white-space:nowrap; transition:background .15s; }
.hx3__item + .hx3__item::before { content:""; position:absolute; left:0; top:24%; bottom:24%; width:1px; background:currentColor; opacity:.22; }
.hx3__icon { width:var(--hx-icon-size, 24px); height:var(--hx-icon-size, 24px); flex:0 0 auto; }
.hx3__item:hover { background:var(--hx3-nav-active, rgba(255,255,255,.1)); }
.hx3__item[aria-current="page"] { background:var(--hx3-nav-active, rgba(255,255,255,.12)); }
.hx3__item[aria-current="page"]::after { content:""; position:absolute; left:18%; right:18%; bottom:0; height:var(--hx-active-h, 3px); background:var(--hx3-nav-line, var(--a)); }
.hx3__item:focus-visible { outline-offset:-4px; }
html.hx-no-icons .hx3__icon { display:none; }
html.hx-no-labels .hx3__label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.hx3__cta { flex:0 0 auto; display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:0 24px; background:var(--hx3-cta-bg, var(--a)); color:var(--hx3-cta-text, #111); font-weight:800; font-size:15px; text-decoration:none; white-space:nowrap; border-radius:var(--radius, 0px); box-shadow:0 6px 16px rgba(0,0,0,.18); transition:transform .15s, filter .15s; }
.hx3__cta:hover { transform:translateY(-1px); filter:brightness(1.06); }
@media (max-width: 1280px) { .hx3__item { font-size:min(var(--hx-label-size, 13px), 12px); letter-spacing:0; } .hx3__cta { padding:0 16px; } }
@media (max-width: 1180px) { .hx3__cta span { display:none; } .hx3__cta { padding:0 14px; } }
/* mobil ve tablet: orta alan (menu dugmesi + logo + arama dugmesi); menu soldan acilir */
@media (max-width: 1080px) {
  .hx3 { top:0; }
  .hx3__mid .wrap { min-height:var(--hx-m-h, 60px); gap:10px; }
  .hx3 .brand { margin-right:auto; flex:0 1 auto; min-width:0; }
  .hx3__search, .hx3__more, .hx3__nav { display:none; }
  .hx3__search-btn { display:inline-flex; }
  .hx3 .hx__menu-btn { background:var(--hx-menu-btn, var(--hx3-search-btn, var(--p))); border-color:var(--hx-menu-btn, var(--hx3-search-btn, var(--p))); color:#fff; }
}
@media (max-width: 560px) { .hx3 .theme-btn { display:none; } .hx3 .brand__name { font-size:var(--hx-brand-size-m, 16px); } .tb__cta span { display:none; } .tb__cta { padding:0 8px; } }
@media (max-width: 1320px) and (min-width: 1081px) { .tb__date { display:none; } .tb__link { padding:0 6px; } .tb__nav > ul > li:first-child > .tb__link { padding-left:0; } .tb__nav > ul { flex-wrap:nowrap; } }

/* =====================================================================
   Video bolumleri: sade, ikonlu tasarimlar (Ana sayfa > Orta bloklar > Video bolumleri > Tasarim)
   Her bolumun rengi --c (yonetimden secilir)
   ===================================================================== */
.scards { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.scard { position:relative; display:flex; flex-direction:column; gap:18px; padding:24px; color:var(--text); text-decoration:none; background:var(--card); border:1px solid var(--hair);
  border-radius:var(--radius, 0px); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.scard:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,.08); border-color:color-mix(in srgb, var(--c) 45%, var(--hair)); }
.scard__ic { width:56px; height:56px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; color:var(--c);
  background:color-mix(in srgb, var(--c) 12%, transparent); border-radius:calc(var(--radius, 0px) + 0px); }
.scard__body { display:flex; flex-direction:column; gap:8px; min-width:0; }
.scard__name { font-size:21px; font-weight:800; line-height:1.15; letter-spacing:-.015em; }
.scard__desc { font-size:14.5px; line-height:1.5; color:var(--text-muted); }
.scard__count { font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--c); }
html[data-theme="dark"] .scard__count, html[data-theme="dark"] .scard__ic { color:color-mix(in srgb, var(--c) 55%, #fff); }
.scard__go { position:absolute; right:20px; top:24px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:var(--text-muted); transition:color .18s, transform .18s; }
.scard:hover .scard__go { color:var(--c); transform:translateX(3px); }
.scard:hover .scard__name { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:2px; }

/* 1) Kartlar: yukaridaki temel gorunum + ustte renkli ince cizgi */
.scards--cards .scard { border-top:4px solid var(--c); }

/* 2) Satirlar: tek cizgide yan yana, cok sade */
.scards--rows { gap:0; border:1px solid var(--hair); background:var(--card); border-radius:var(--radius, 0px); }
.scards--rows .scard { flex-direction:row; align-items:center; gap:14px; padding:18px 20px; border:0; border-left:1px solid var(--hair); border-radius:0; background:transparent; }
.scards--rows .scard:first-child { border-left:0; }
.scards--rows .scard:hover { transform:none; box-shadow:none; background:color-mix(in srgb, var(--c) 6%, transparent); }
.scards--rows .scard__ic { width:46px; height:46px; }
.scards--rows .scard__ic svg { width:24px; height:24px; }
.scards--rows .scard__name { font-size:17px; }
.scards--rows .scard__body { gap:3px; }
.scards--rows .scard__go { position:static; margin-left:auto; width:24px; }

/* 3) Ortali: buyuk yuvarlak ikon, ortada yazi */
.scards--center .scard { align-items:center; text-align:center; padding:32px 22px 28px; }
.scards--center .scard__ic { width:84px; height:84px; border-radius:50%; }
.scards--center .scard__ic svg { width:38px; height:38px; }
.scards--center .scard__body { align-items:center; }
.scards--center .scard__count { padding:6px 12px; border-radius:999px; background:color-mix(in srgb, var(--c) 10%, transparent); }
.scards--center .scard__go { display:none; }

/* 4) Renkli kenar: solda kalin renk seridi, ikon dolu */
.scards--edge .scard { border-left:6px solid var(--c); }
.scards--edge .scard__ic { background:var(--c); color:#fff; }
html[data-theme="dark"] .scards--edge .scard__ic { color:#fff; }

/* 5) Koyu: koyu zemin, renkli cizgi ikon, ince cerceve */
.scards--dark .scard { background:var(--band); color:var(--on-band); border-color:rgba(255,255,255,.12); }
.scards--dark .scard__desc { color:var(--on-band-muted); }
.scards--dark .scard__ic { background:transparent; border:2px solid color-mix(in srgb, var(--c) 70%, #fff); color:color-mix(in srgb, var(--c) 55%, #fff); }
.scards--dark .scard__count { color:color-mix(in srgb, var(--c) 55%, #fff); }
.scards--dark .scard__go { color:rgba(255,255,255,.5); }
.scards--dark .scard:hover { border-color:color-mix(in srgb, var(--c) 60%, #fff); box-shadow:0 12px 28px rgba(0,0,0,.25); }

@media (max-width: 1080px) { .scards { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .scards--rows .scard:nth-child(3) { border-left:0; } .scards--rows .scard:nth-child(n+3) { border-top:1px solid var(--hair); } }
@media (max-width: 560px) {
  .scards { grid-template-columns:1fr; gap:12px; }
  .scards--rows { gap:0; } .scards--rows .scard { border-left:0; border-top:1px solid var(--hair); } .scards--rows .scard:first-child { border-top:0; }
  .scards--cards .scard, .scards--edge .scard, .scards--dark .scard { flex-direction:row; align-items:flex-start; padding:18px; gap:14px; }
  .scards--cards .scard__ic, .scards--edge .scard__ic, .scards--dark .scard__ic { width:48px; height:48px; }
  .scard__name { font-size:18px; } .scard__go { top:18px; right:12px; }
  .scards--center { grid-template-columns:repeat(2, minmax(0,1fr)); } .scards--center .scard { padding:22px 12px; } .scards--center .scard__desc { display:none; }
  .scards--center .scard__ic { width:64px; height:64px; } .scards--center .scard__name { font-size:16px; }
}
/* acik renklerde (or. amber) okunurluk: sayi yazisi koyulastirilir; aciklama 2 satir */
.scard__count { color:color-mix(in srgb, var(--c) 72%, #000); }
.scards--center .scard__count { color:color-mix(in srgb, var(--c) 72%, #000); }
.scard__desc { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ---- zengin tasarimlar ---- */
.scard__mark, .scard__band, .scard__big { pointer-events:none; }
/* 6) Renk gecisli: dolu renk, buyuk silik ikon, buyuk sayi */
.scards--gradient .scard { overflow:hidden; min-height:300px; justify-content:flex-end; border:0; color:#fff;
  background:linear-gradient(150deg, color-mix(in srgb, var(--c) 82%, #fff) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 70%, #000) 100%); }
.scards--gradient .scard__mark { position:absolute; right:-28px; top:-18px; color:#fff; opacity:.13; transform:rotate(-8deg); transition:transform .4s ease, opacity .3s; }
.scards--gradient .scard:hover .scard__mark { transform:rotate(0) scale(1.06); opacity:.2; }
.scards--gradient .scard__big { position:absolute; left:24px; top:22px; font-size:64px; font-weight:900; line-height:1; letter-spacing:-.05em; color:#fff; }
.scards--gradient .scard__ic { position:absolute; right:22px; bottom:22px; width:48px; height:48px; background:rgba(255,255,255,.18); color:#fff; border-radius:50%; }
.scards--gradient .scard__body { padding-right:62px; }
.scards--gradient .scard__desc { color:rgba(255,255,255,.85); }
.scards--gradient .scard__count, html[data-theme="dark"] .scards--gradient .scard__count, html[data-theme="dark"] .scards--gradient .scard__ic { color:#fff; }
.scards--gradient .scard__count { opacity:.85; }
.scards--gradient .scard__go { display:none; }
.scards--gradient .scard:hover { box-shadow:0 18px 36px color-mix(in srgb, var(--c) 35%, transparent); }
/* 7) Desenli baslik: ustte desenli renkli serit, ortada tasan yuvarlak ikon */
.scards--banner .scard { overflow:hidden; padding:0 22px 24px; align-items:center; text-align:center; gap:14px; }
.scards--banner .scard__band { display:block; align-self:stretch; margin:0 -22px; height:96px; background-color:var(--c);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.22' stroke-width='1.2'%3E%3Cpath d='M14 14h20v20H14z'/%3E%3Cpath d='M24 9.9 38.1 24 24 38.1 9.9 24z'/%3E%3Ccircle cx='24' cy='24' r='4.5'/%3E%3C/g%3E%3C/svg%3E"); }
.scards--banner .scard__mark { display:none; }
.scards--banner .scard__ic { width:76px; height:76px; margin-top:-52px; border-radius:50%; background:var(--card); color:var(--c); border:4px solid var(--card); box-shadow:0 6px 16px rgba(0,0,0,.12); }
.scards--banner .scard__ic svg { width:34px; height:34px; }
.scards--banner .scard__body { align-items:center; }
.scards--banner .scard__count { padding:6px 14px; border-radius:999px; background:var(--c); color:#fff !important; }
.scards--banner .scard__go { display:none; }
/* 8) Yumusak: acik renk zemin, buyuk renkli sayi, silik ikon */
.scards--tint .scard { overflow:hidden; min-height:270px; border:0; background:color-mix(in srgb, var(--c) 11%, var(--card)); }
html[data-theme="dark"] .scards--tint .scard { background:color-mix(in srgb, var(--c) 22%, var(--card)); }
.scards--tint .scard__mark { position:absolute; right:-24px; bottom:-30px; color:var(--c); opacity:.12; }
.scards--tint .scard__big { font-size:58px; font-weight:900; line-height:.9; letter-spacing:-.05em; color:color-mix(in srgb, var(--c) 80%, #000); }
html[data-theme="dark"] .scards--tint .scard__big { color:color-mix(in srgb, var(--c) 55%, #fff); }
.scards--tint .scard__ic { position:absolute; right:22px; top:22px; width:50px; height:50px; background:var(--c); color:#fff; border-radius:50%; }
html[data-theme="dark"] .scards--tint .scard__ic { color:#fff; }
.scards--tint .scard__go { top:auto; bottom:20px; }
@media (max-width: 560px) {
  .scards--gradient .scard { min-height:200px; } .scards--gradient .scard__big { font-size:48px; }
  .scards--tint .scard { min-height:0; } .scards--tint .scard__big { font-size:44px; }
}

/* acik renkli bolumde (sari vb.) koyu yazi */
.scards--gradient .scard--light, .scards--gradient .scard--light .scard__desc, .scards--gradient .scard--light .scard__big, .scards--gradient .scard--light .scard__count,
html[data-theme="dark"] .scards--gradient .scard--light .scard__count { color:#14110A; }
.scards--gradient .scard--light .scard__desc { color:rgba(20,17,10,.8); }
.scards--gradient .scard--light .scard__mark { color:#14110A; opacity:.1; }
.scards--gradient .scard--light .scard__ic { background:rgba(0,0,0,.12); color:#14110A; }
.scards--banner .scard--light .scard__count { color:#14110A !important; }
.scards--banner .scard--light .scard__band { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.14' stroke-width='1.2'%3E%3Cpath d='M14 14h20v20H14z'/%3E%3Cpath d='M24 9.9 38.1 24 24 38.1 9.9 24z'/%3E%3Ccircle cx='24' cy='24' r='4.5'/%3E%3C/g%3E%3C/svg%3E"); }
.scards--tint .scard--light .scard__ic, html[data-theme="dark"] .scards--tint .scard--light .scard__ic { color:#14110A; }
html[data-theme="dark"] .scards--banner .scard__ic { color:color-mix(in srgb, var(--c) 50%, #fff); }

/* Renk gecisli: sayinin yaninda kucuk "video ders" */
.scards--gradient .scard__big { display:flex; align-items:flex-end; gap:12px; }
.scard__vd { display:inline-flex; align-items:center; gap:6px; margin-bottom:9px; padding:5px 9px; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  background:rgba(255,255,255,.16); border-radius:999px; line-height:1; }
.scard--light .scard__vd { background:rgba(0,0,0,.1); }
@media (max-width: 560px) { .scard__vd { margin-bottom:6px; font-size:11px; } }
/* Renk gecisli: alcak, dikdortgen kartlar */
.scards--gradient .scard { min-height:0; justify-content:space-between; gap:16px; padding:20px 22px; }
.scards--gradient .scard__big { position:static; font-size:50px; }
.scards--gradient .scard__vd { margin-bottom:6px; }
.scards--gradient .scard__mark { right:-22px; top:-14px; }
.scards--gradient .scard__mark svg { width:128px; height:128px; }
.scards--gradient .scard__ic { right:18px; bottom:18px; width:42px; height:42px; }
.scards--gradient .scard__ic svg { width:22px; height:22px; }
.scards--gradient .scard__name { font-size:19px; }
.scards--gradient .scard__desc { font-size:13.5px; -webkit-line-clamp:1; }
.scards--gradient .scard__body { gap:5px; padding-right:52px; }
@media (max-width: 560px) {
  .scards--gradient .scard { padding:16px 18px; gap:12px; }
  .scards--gradient .scard__big { font-size:40px; }
  .scards--gradient .scard__mark svg { width:104px; height:104px; }
}

/* 5 kart (Konular eklenince) */
.scards--n5 { grid-template-columns:repeat(5, minmax(0,1fr)); gap:14px; }
.scards--n5.scards--gradient .scard__big { font-size:42px; gap:8px; }
.scards--n5.scards--gradient .scard__vd { font-size:11px; padding:4px 7px; letter-spacing:.04em; }
.scards--n5.scards--gradient .scard__name { font-size:18px; }
@media (max-width: 1280px) { .scards--n5 { grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width: 860px) { .scards--n5 { grid-template-columns:repeat(2, minmax(0,1fr)); } .scards--n5 > :last-child { grid-column:1 / -1; } }
@media (max-width: 560px) { .scards--n5 { grid-template-columns:1fr; } .scards--n5 > :last-child { grid-column:auto; } }
@media (max-width: 1280px) and (min-width: 861px) {
  .scards--n5 { grid-template-columns:repeat(6, minmax(0,1fr)); }
  .scards--n5 > * { grid-column:span 2; } .scards--n5 > :nth-child(4), .scards--n5 > :nth-child(5) { grid-column:span 3; }
}
.scards--n5.scards--gradient .scard__name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (min-width: 1281px) {
  .scards--n5.scards--gradient .scard { padding:18px 18px; }
  .scards--n5.scards--gradient .scard__name { font-size:16.5px; }
  .scards--n5.scards--gradient .scard__body { padding-right:40px; }
  .scards--n5.scards--gradient .scard__ic { width:36px; height:36px; right:14px; bottom:16px; }
  .scards--n5.scards--gradient .scard__ic svg { width:19px; height:19px; }
}

/* Buyuk sayilar tasariminda Konular kutusu */
.block--custom { background:var(--c); color:#fff; } .block--custom .block__desc { color:rgba(255,255,255,.82); }
.blocks--n5 .block__num { font-size:clamp(64px, 6.4vw, 96px); }
.blocks--n5 .block__name { font-size:24px; }

.blocks--n5 { grid-template-columns:repeat(5, minmax(0,1fr)); }
.blocks--n5 .block { padding:22px; min-height:260px; }
@media (max-width: 1280px) { .blocks--n5 { grid-template-columns:repeat(6, minmax(0,1fr)); } .blocks--n5 > * { grid-column:span 2; } .blocks--n5 > :nth-child(4), .blocks--n5 > :nth-child(5) { grid-column:span 3; } }
@media (max-width: 760px) { .blocks--n5 { grid-template-columns:1fr; } .blocks--n5 > *, .blocks--n5 > :nth-child(4), .blocks--n5 > :nth-child(5) { grid-column:auto; } }

/* Bloklar arasi bosluk (Yonetim > Ana sayfa > Orta bloklar > her blokta Ust / Alt bosluk). Mobilde %70'i. */
.hb.hb--pt { padding-top:var(--hb-pt); }
.hb.hb--pb { padding-bottom:var(--hb-pb); }
@media (max-width: 560px) { .hb.hb--pt { padding-top:calc(var(--hb-pt) * .7); } .hb.hb--pb { padding-bottom:calc(var(--hb-pb) * .7); } }

.hs.hb--pt { padding-top:var(--hb-pt); }
.hs.hb--pb { padding-bottom:var(--hb-pb); }
@media (max-width: 560px) { .hs.hb--pt { padding-top:calc(var(--hb-pt) * .7); } .hs.hb--pb { padding-bottom:calc(var(--hb-pb) * .7); } }

/* Hazir renk takimlarinin gece karsiliklari */
html[data-theme="dark"] .hx3__nav { background:linear-gradient(90deg, var(--hx3-nav-from-dark, var(--hx3-nav-from, var(--p-deep))), var(--hx3-nav-to-dark, var(--hx3-nav-to, var(--p)))); }
html[data-theme="dark"] .hx3__search button { background:var(--hx3-search-btn-dark, var(--hx3-search-btn, var(--p))); }
html[data-theme="dark"] .hx3__search:focus-within { border-color:var(--hx3-search-btn-dark, var(--hx3-search-btn, var(--p))); }
html[data-theme="dark"] .tb { background:var(--tb-bg-dark, var(--tb-bg, #070908)); }
html[data-theme="dark"] .hx3 .hx__menu-btn { background:var(--hx-menu-btn, var(--hx3-search-btn-dark, var(--hx3-search-btn, var(--p)))); border-color:var(--hx-menu-btn, var(--hx3-search-btn-dark, var(--hx3-search-btn, var(--p)))); }

/* =====================================================================
   Kategori sayfa renkleri (Yonetim > Kategoriler > Sayfa renkleri). Bos olan ust kategoriden gelir.
   ===================================================================== */
.cs--hero .sec-hero { background:var(--ch-bg); color:var(--ch-text); border-bottom:0; }
.cs--hero .sec-hero__kicker { color:inherit; opacity:.8; }
.cs--hero .cat-top { background:var(--ch-bg); color:var(--ch-text); padding:32px clamp(18px, 3vw, 36px) 26px !important; margin:24px 0 28px; border-radius:var(--radius, 0px); }
.cs--hero .cat-top .sec-head { border-bottom-color:currentColor; }
.cs--hero .cat-top .sec-head span, .cs--hero .cat-top .prose { color:inherit; opacity:.88; }
.cs--hero .cat-top .prose a { color:inherit; }
.cs--acc .book__no { color:var(--acc); }
.cs--acc .book:hover { background:var(--acc); color:var(--acc-text, #fff); }
.cs--acc .book:hover .book__no { color:inherit; opacity:.75; }
.cs--acc .card__cat { color:var(--acc); }
.cs--acc .card:hover .card__title { color:var(--acc); }
.cs--acc .sec-head h2::before, .cs--acc .pager [aria-current] { background:var(--acc); color:var(--acc-text, #fff); border-color:var(--acc); }
html[data-theme="dark"] .cs--acc .book__no, html[data-theme="dark"] .cs--acc .card__cat, html[data-theme="dark"] .cs--acc .card:hover .card__title { color:color-mix(in srgb, var(--acc) 60%, #fff); }

/* =====================================================================
   Alt bolum kutucuklari (Eserler / Konular) tasarimlari. Vurgu rengi: --acc (kategori ayari) yoksa palet
   ===================================================================== */
.book__count small { font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; opacity:.7; margin-left:4px; }
/* Kitap kapagi */
.books--spine { border:0; gap:16px; grid-template-columns:repeat(auto-fill, minmax(min(250px, 100%), 1fr)); }
.books--spine .book { position:relative; min-height:150px; padding:20px 20px 20px 74px; border:1px solid var(--hair); border-radius:var(--radius, 0px); box-shadow:0 1px 0 var(--hair); transition:transform .18s, box-shadow .18s; overflow:hidden; }
.books--spine .book__spine { position:absolute; left:0; top:0; bottom:0; width:54px; display:flex; align-items:flex-start; justify-content:center; padding-top:20px; background:var(--acc, var(--p)); color:var(--acc-text, #fff);
  background-image:repeating-linear-gradient(180deg, transparent 0 calc(100% - 22px), rgba(255,255,255,.22) calc(100% - 22px) calc(100% - 20px), transparent calc(100% - 20px)); }
.books--spine .book__spine::after { content:""; position:absolute; right:0; top:0; bottom:0; width:6px; background:linear-gradient(90deg, rgba(0,0,0,.18), transparent); }
.books--spine .book__top { align-items:center; }
.books--spine .book__count { font-size:15px; font-weight:800; letter-spacing:0; color:var(--text-muted); }
.books--spine .book__count small { font-size:15px; letter-spacing:0; text-transform:none; margin-left:2px; opacity:1; font-weight:600; }
.books--spine .book__name { font-size:21px; }
.books--spine .book:hover { background:var(--card); color:var(--text); transform:translateY(-3px); box-shadow:0 14px 28px rgba(0,0,0,.1); }
.books--spine .book:hover .book__name { color:var(--acc, var(--p-text)); }
.books--spine .book:hover .book__no { color:var(--acc, var(--p-text)); opacity:1; }
/* Sade liste */
.books--list { border:0; border-top:2px solid var(--line); grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:40px; }
.books--list .book { flex-direction:row; align-items:center; gap:16px; min-height:0; padding:16px 4px; border:0; border-bottom:1px solid var(--hair); background:transparent; }
.books--list .book__top { display:contents; }
.books--list .book__no { order:0; flex:0 0 auto; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:color-mix(in srgb, var(--acc, var(--p)) 12%, transparent); color:var(--acc, var(--p-text)); font-size:13px; }
.books--list .book__name { order:1; flex:1; font-size:19px; }
.books--list .book__count { order:2; font-size:15px; font-weight:800; letter-spacing:0; color:var(--text-muted); white-space:nowrap; }
.books--list .book__count small { letter-spacing:0; text-transform:none; font-size:14px; font-weight:600; opacity:1; }
.books--list .book__go { order:3; color:var(--text-muted); transition:transform .15s, color .15s; }
.books--list .book:hover { background:transparent; color:var(--text); }
.books--list .book:hover .book__name, .books--list .book:hover .book__go { color:var(--acc, var(--p-text)); }
.books--list .book:hover .book__go { transform:translateX(4px); }
.books--list .book:hover .book__no { background:var(--acc, var(--p)); color:var(--acc-text, #fff); opacity:1; }
/* Cubuklu */
.books--bars { border:0; gap:14px; grid-template-columns:repeat(auto-fill, minmax(min(260px, 100%), 1fr)); }
.books--bars .book { min-height:0; gap:14px; padding:20px 22px; border:1px solid var(--hair); border-radius:var(--radius, 0px); }
.books--bars .book__count { font-size:34px; }
.books--bars .book__name { font-size:20px; }
.book__bar { display:block; height:6px; background:color-mix(in srgb, var(--acc, var(--p)) 14%, transparent); border-radius:99px; overflow:hidden; }
.book__bar span { display:block; height:100%; width:var(--pct); background:var(--acc, var(--p)); border-radius:99px; transition:width .5s ease; }
.books--bars .book:hover { background:var(--card); color:var(--text); border-color:var(--acc, var(--p)); }
.books--bars .book:hover .book__name { color:var(--acc, var(--p-text)); }
.books--bars .book:hover .book__no { color:var(--acc, var(--p-text)); opacity:1; }
/* Renkli karo */
.books--tiles { border:0; gap:12px; grid-template-columns:repeat(auto-fill, minmax(min(230px, 100%), 1fr)); }
.books--tiles .book { position:relative; overflow:hidden; min-height:140px; border:0; border-radius:var(--radius, 0px); background:color-mix(in srgb, var(--acc, var(--p)) 9%, var(--card)); transition:background .2s, color .2s, transform .2s; }
.books--tiles .book__no { position:absolute; right:-6px; bottom:-22px; font-size:110px; font-weight:900; line-height:1; letter-spacing:-.06em; color:var(--acc, var(--p)); opacity:.12; }
.books--tiles .book__top { justify-content:flex-start; }
.books--tiles .book__count { font-size:15px; font-weight:800; letter-spacing:0; padding:5px 10px; border-radius:99px; background:var(--acc, var(--p)); color:var(--acc-text, #fff); }
.books--tiles .book__count small { font-size:13px; letter-spacing:0; text-transform:none; opacity:.9; font-weight:600; }
.books--tiles .book__name { position:relative; font-size:21px; }
.books--tiles .book:hover { background:var(--acc, var(--p)); color:var(--acc-text, #fff); transform:translateY(-3px); }
.books--tiles .book:hover .book__no { color:inherit; opacity:.18; }
.books--tiles .book:hover .book__count { background:rgba(255,255,255,.2); }
html[data-theme="dark"] .books--tiles .book { background:color-mix(in srgb, var(--acc, var(--p)) 18%, var(--card)); }
@media (max-width: 760px) { .books--list { grid-template-columns:1fr; } }
.books--tiles .book__no { right:10px; top:6px; bottom:auto; font-size:76px; opacity:.1; }
.books--tiles .book__name { padding-right:8px; }

/* ---- Eserler: daha farkli tasarimlar ---- */
/* 5) Kitaplik rafi: dik duran kitap sirtlari, raf ustunde */
.books--shelf { border:0; display:flex; align-items:flex-end; gap:6px; min-height:300px; padding:0 14px; overflow-x:auto; scrollbar-width:thin;
  border-bottom:14px solid color-mix(in srgb, var(--acc, var(--p)) 35%, #3B2A1A); box-shadow:0 10px 0 -4px rgba(0,0,0,.12); }
.books--shelf .book { flex:0 0 74px; height:var(--h); min-height:0; padding:16px 0 12px; border:0; align-items:center; justify-content:space-between; gap:8px; color:#fff;
  background:color-mix(in srgb, var(--acc, var(--p)) calc(100% - var(--k) * 12%), #1A1410);
  border-radius:3px 3px 0 0; box-shadow:inset 6px 0 0 rgba(255,255,255,.12), inset -6px 0 0 rgba(0,0,0,.18); transition:transform .2s ease; }
.books--shelf .book::before, .books--shelf .book::after { content:""; position:absolute; left:8px; right:8px; height:2px; background:rgba(255,215,140,.55); }
.books--shelf .book { position:relative; }
.books--shelf .book::before { top:10px; } .books--shelf .book::after { bottom:30px; }
.books--shelf .book__top { flex-direction:column; align-items:center; gap:4px; order:2; }
.books--shelf .book__no { color:rgba(255,215,140,.9); font-size:11px; }
.books--shelf .book__count { font-size:15px; letter-spacing:0; color:#fff; }
.books--shelf .book__count small { display:none; }
.books--shelf .book__name { order:1; writing-mode:vertical-rl; transform:rotate(180deg); font-size:16px; font-weight:800; letter-spacing:.02em; max-height:calc(100% - 70px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.books--shelf .book:hover { transform:translateY(-14px); background:color-mix(in srgb, var(--acc, var(--p)) calc(100% - var(--k) * 12%), #1A1410); color:#fff; }
/* 6) Cilt kapagi: koyu deri, yaldizli cift cerceve, ortada sus */
.books--cover { border:0; gap:18px; grid-template-columns:repeat(auto-fill, minmax(min(200px, 100%), 1fr)); }
.books--cover .book { position:relative; aspect-ratio:3/4; min-height:0; padding:30px 22px; align-items:center; justify-content:center; text-align:center; gap:12px; border:0;
  background:radial-gradient(120% 90% at 30% 20%, color-mix(in srgb, var(--acc, var(--p)) 80%, #fff 6%), color-mix(in srgb, var(--acc, var(--p)) 70%, #000) 85%);
  color:#F6E7C1; border-radius:3px 8px 8px 3px; box-shadow:inset 10px 0 0 rgba(0,0,0,.22), 0 10px 22px rgba(0,0,0,.16); transition:transform .2s, box-shadow .2s; }
.book__frame { position:absolute; inset:14px 12px 14px 22px; border:1.5px solid rgba(240,210,140,.75); outline:1px solid rgba(240,210,140,.45); outline-offset:-6px; pointer-events:none; }
.books--cover .book__orn { color:#E9C878; opacity:.9; }
.books--cover .book__top { order:3; justify-content:center; }
.books--cover .book__no { display:none; }
.books--cover .book__count { font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#E9C878; }
.books--cover .book__count small { font-size:13px; opacity:1; letter-spacing:.12em; }
.books--cover .book__name { order:2; font-family:Georgia, 'Times New Roman', serif; font-size:21px; font-weight:700; line-height:1.2; letter-spacing:0; }
.books--cover .book:hover { transform:translateY(-6px) rotate(-1deg); box-shadow:inset 10px 0 0 rgba(0,0,0,.22), 0 18px 30px rgba(0,0,0,.24); color:#fff;
  background:radial-gradient(120% 90% at 30% 20%, color-mix(in srgb, var(--acc, var(--p)) 80%, #fff 6%), color-mix(in srgb, var(--acc, var(--p)) 70%, #000) 85%); }
/* 7) Halkali rozet: ders sayisina gore dolan halka */
.books--ring { border:0; gap:16px; grid-template-columns:repeat(auto-fill, minmax(min(180px, 100%), 1fr)); }
.books--ring .book { position:relative; min-height:0; padding:22px 14px 20px; align-items:center; text-align:center; gap:12px; border:1px solid var(--hair); border-radius:calc(var(--radius, 0px) + 10px); }
.book__ring { width:92px; height:92px; border-radius:50%; background:conic-gradient(var(--acc, var(--p)) var(--pct), color-mix(in srgb, var(--acc, var(--p)) 14%, transparent) 0);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 9px), #000 calc(100% - 8px)); mask:radial-gradient(farthest-side, transparent calc(100% - 9px), #000 calc(100% - 8px)); }
.books--ring .book__top { position:absolute; top:22px; left:0; right:0; height:92px; flex-direction:column; align-items:center; justify-content:center; gap:0; }
.books--ring .book__no { display:none; }
.books--ring .book__count { font-size:30px; line-height:1; }
.books--ring .book__count small { display:block; margin:2px 0 0; font-size:10px; }
.books--ring .book__name { font-size:17px; line-height:1.25; }
.books--ring .book:hover { background:var(--card); color:var(--text); border-color:var(--acc, var(--p)); box-shadow:0 10px 24px rgba(0,0,0,.08); }
.books--ring .book:hover .book__name { color:var(--acc, var(--p-text)); }
/* 8) Mozaik: buyuk eserler buyuk kutu */
.books--bento { border:0; gap:12px; grid-template-columns:repeat(4, minmax(0,1fr)); grid-auto-rows:150px; grid-auto-flow:dense; }
.books--bento .book { min-height:0; border:0; padding:20px 22px; border-radius:var(--radius, 0px); background:color-mix(in srgb, var(--acc, var(--p)) 8%, var(--card)); }
.books--bento .book--xl { grid-column:span 2; grid-row:span 2; background:var(--acc, var(--p)); color:var(--acc-text, #fff); }
.books--bento .book--xl .book__count { font-size:88px; }
.books--bento .book--xl .book__name { font-size:32px; }
.books--bento .book--xl .book__no { color:inherit; opacity:.7; }
.books--bento .book--wide { grid-column:span 2; background:color-mix(in srgb, var(--acc, var(--p)) 22%, var(--card)); }
.books--bento .book__count { font-size:40px; }
.books--bento .book__count small { font-size:11px; }
.books--bento .book:hover { background:var(--acc, var(--p)); color:var(--acc-text, #fff); }
.books--bento .book--xl:hover { filter:brightness(1.08); }
@media (max-width: 860px) { .books--bento { grid-template-columns:repeat(2, minmax(0,1fr)); grid-auto-rows:130px; } .books--bento .book--xl .book__count { font-size:64px; } .books--bento .book--xl .book__name { font-size:24px; } }
@media (max-width: 560px) { .books--shelf { min-height:250px; } .books--shelf .book { flex-basis:62px; } .books--cover { grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; } .books--cover .book__name { font-size:16px; } .books--ring { grid-template-columns:repeat(2, minmax(0,1fr)); } }
html[data-theme="dark"] .books--ring .book:hover, html[data-theme="dark"] .books--bento .book { color:var(--text); }
html[data-theme="dark"] .books--bento .book--xl, html[data-theme="dark"] .books--bento .book:hover { color:var(--acc-text, #fff); }
.books--shelf { height:340px; min-height:0; padding-top:20px; }
.books--shelf .book { flex-basis:86px; }
.books--shelf .book__name { font-size:17px; }
@media (max-width: 560px) { .books--shelf { height:280px; } .books--shelf .book { flex-basis:66px; } .books--shelf .book__name { font-size:15px; } }
.books--shelf .book__name { font-size:15px; max-height:calc(100% - 64px); }

.abar__main--2 { background:transparent !important; color:#F0C76A !important; box-shadow:inset 0 0 0 2px #E3A21A; margin-left:0 !important; }
.abar__main--2:hover { background:rgba(227,162,26,.15) !important; }
@media (max-width: 640px) { .abar__main--2 { display:none !important; } }

/* ==========================================================================
   Kategori ders listesi tasarimlari (kategori ayari: lessons_style) + izlenme
   ========================================================================== */
.views { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.views svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; opacity:.8; flex:none; }
.card__meta, .lv__m { display:flex; flex-wrap:wrap; align-items:center; gap:4px 14px; }
.lv { --lv-acc:var(--acc, var(--p-text)); --lv-on:var(--acc-text, #fff); padding-top:10px; }
.lv--list { padding-top:0; }
.lv__it { position:relative; color:var(--text); text-decoration:none; }
.lv__media { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:color-mix(in srgb, var(--lv-acc) 22%, #1a1d1b); }
.lv__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.lv__it:hover .lv__media img { transform:scale(1.03); }
.lv__play { position:absolute; inset:0; margin:auto; width:50px; height:50px; border-radius:50%; background:rgba(0,0,0,.55); border:2px solid rgba(255,255,255,.85); color:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.lv__play svg, .lv__go svg { width:20px; height:20px; fill:currentColor; margin-left:2px; }
.lv__it:hover .lv__play { background:var(--lv-acc); }
.lv__body { display:flex; flex-direction:column; gap:6px; min-width:0; }
.lv__t { font-weight:800; font-size:18px; line-height:1.3; letter-spacing:-.01em; }
.lv__it:hover .lv__t { color:var(--lv-acc); }
.lv__m { font-size:13px; color:var(--text-muted); }
.lv__ex { color:var(--text-muted); font-size:14px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.lv__it--noimg .lv__media::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg, var(--lv-acc), color-mix(in srgb, var(--lv-acc) 45%, #000)); }

/* 1 ders listesi */
.lv--list { border-top:1px solid var(--hair); }
.lv--list .lv__it { display:grid; grid-template-columns:56px 176px 1fr auto; gap:18px; align-items:center; padding:14px 6px; border-bottom:1px solid var(--hair); transition:background .2s; }
.lv--list .lv__it:hover { background:color-mix(in srgb, var(--lv-acc) 7%, transparent); }
.lv--list .lv__n { font:900 26px/1 var(--f-display, inherit); color:var(--lv-acc); text-align:center; font-variant-numeric:tabular-nums; }
.lv--list .lv__go { width:42px; height:42px; border-radius:50%; background:var(--lv-acc); color:var(--lv-on); display:flex; align-items:center; justify-content:center; }

/* 2 ilk ders buyuk + izgara */
.lv--featured { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px 20px; }
.lv--featured .lv__it { display:flex; flex-direction:column; gap:10px; }
.lv--featured .lv__t { font-size:16px; }
.lv--featured .lv__it--big { grid-column:span 2; grid-row:span 2; }
.lv--featured .lv__it--big .lv__t { font-size:26px; line-height:1.2; }
.lv--featured .lv__it--big .lv__play { width:72px; height:72px; }
.lv--featured .lv__it--big .lv__play svg { width:28px; height:28px; }
.lv__lbl { align-self:flex-start; background:var(--lv-acc); color:var(--lv-on); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:5px 8px; }

/* 3 yatay kartlar */
.lv--horizontal { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.lv--horizontal .lv__it { display:grid; grid-template-columns:220px 1fr; gap:16px; align-items:center; background:var(--card); border:1px solid var(--hair); padding:12px; transition:border-color .2s, box-shadow .2s; }
.lv--horizontal .lv__it:hover { border-color:var(--lv-acc); box-shadow:0 10px 24px rgba(0,0,0,.08); }
.lv--horizontal .lv__t { font-size:17px; }
.lv--horizontal .lv__m { color:var(--lv-acc); font-weight:700; }

/* 5 ders yolu */
.lv--path { position:relative; padding-left:54px; }
.lv--path::before { content:""; position:absolute; left:21px; top:12px; bottom:12px; width:3px; border-radius:3px; background:color-mix(in srgb, var(--lv-acc) 28%, transparent); }
.lv--path .lv__it { display:grid; grid-template-columns:200px 1fr; gap:18px; align-items:center; margin-bottom:16px; background:var(--card); border:1px solid var(--hair); padding:12px; transition:border-color .2s; }
.lv--path .lv__it:hover { border-color:var(--lv-acc); }
.lv--path .lv__dot { position:absolute; left:-54px; top:50%; margin-top:-22px; width:44px; height:44px; border-radius:50%; background:var(--card); color:var(--lv-acc); border:3px solid var(--lv-acc); font-weight:900; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 5px var(--bg, var(--ground)); font-variant-numeric:tabular-nums; }
.lv--path .lv__it:first-child .lv__dot, .lv--path .lv__it:hover .lv__dot { background:var(--lv-acc); color:var(--lv-on); }

/* 6 gorsel ustu baslik */
.lv--overlay { display:grid; grid-template-columns:repeat(4, 1fr); gap:8px; }
.lv--overlay .lv__it { display:block; aspect-ratio:4/5; overflow:hidden; color:#fff; }
.lv--overlay .lv__media { position:absolute; inset:0; aspect-ratio:auto; }
.lv__shade { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.9)); }
.lv--overlay .lv__play { inset:14px 14px auto auto; margin:0; width:44px; height:44px; }
.lv--overlay .lv__body { position:absolute; left:16px; right:16px; bottom:16px; }
.lv--overlay .lv__no { font-weight:900; font-size:13px; letter-spacing:.08em; color:#FFD54F; }
.lv--overlay .lv__t { font-size:17px; color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.4); }
.lv--overlay .lv__it:hover .lv__t { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.lv--overlay .lv__m { color:rgba(255,255,255,.85); }

html[data-theme="dark"] .lv { --lv-acc:color-mix(in srgb, var(--acc, var(--p-text)) 65%, #fff); }
html[data-theme="dark"] .lv .lv__go, html[data-theme="dark"] .lv .lv__lbl, html[data-theme="dark"] .lv--path .lv__it:first-child .lv__dot { color:#111; }

@media (max-width: 1000px) {
  .lv--featured, .lv--overlay { grid-template-columns:repeat(3, 1fr); }
  .lv--featured .lv__it--big { grid-column:1 / -1; grid-row:auto; }
  .lv--horizontal { grid-template-columns:1fr; }
}
@media (max-width: 700px) {
  .lv__t { font-size:15px; }
  .lv--list .lv__it { grid-template-columns:120px 1fr; gap:12px; padding:12px 0; }
  .lv--list .lv__n, .lv--list .lv__go { display:none; }
  .lv--featured { grid-template-columns:1fr 1fr; gap:18px 12px; }
  .lv--featured .lv__t { font-size:14px; }
  .lv--featured .lv__it--big .lv__t { font-size:20px; }
  .lv--horizontal .lv__it { grid-template-columns:130px 1fr; gap:12px; padding:10px; }
  .lv--horizontal .lv__ex { display:none; }
  .lv--path { padding-left:44px; }
  .lv--path::before { left:16px; }
  .lv--path .lv__dot { left:-44px; width:36px; height:36px; margin-top:-18px; font-size:13px; }
  .lv--path .lv__it { grid-template-columns:120px 1fr; gap:12px; padding:10px; }
  .lv--overlay { grid-template-columns:1fr 1fr; gap:6px; }
  .lv--overlay .lv__body { left:12px; right:12px; bottom:12px; }
  .lv--overlay .lv__t { font-size:14px; }
  .lv--overlay .lv__play { width:36px; height:36px; inset:10px 10px auto auto; }
}
/* yonetim cubugu: en soldan baslar */
.abar__in { max-width:none; justify-content:flex-start; }
.abar__add { font-weight:700; }
@media (max-width: 640px) { .abar .abar__add span { display:inline; } }

/* Kategori ust alan ikonu */
.cat-h1--icon { display:flex; align-items:center; gap:clamp(12px, 2vw, 20px); }
.cat-icon { flex:none; display:inline-flex; align-items:center; justify-content:center; width:clamp(52px, 7vw, 76px); height:clamp(52px, 7vw, 76px); color:var(--acc, var(--p-text)); }
.cat-icon svg { width:100%; height:100%; }
.cs--hero .cat-icon { color:inherit; }
.sec-hero__text--icon { display:grid; grid-template-columns:auto 1fr; column-gap:clamp(18px, 3vw, 36px); align-items:center; }
.sec-hero__text--icon > :not(.sec-hero__icon) { grid-column:2; }
.sec-hero__icon { grid-column:1; grid-row:1 / span 3; align-self:center; width:clamp(72px, 12vw, 150px); height:clamp(72px, 12vw, 150px); display:flex; color:inherit; opacity:.95; }
.sec-hero__icon svg { width:100%; height:100%; }
@media (max-width: 640px) {
  .sec-hero__text--icon { grid-template-columns:1fr; }
  .sec-hero__text--icon > :not(.sec-hero__icon) { grid-column:1; }
  .sec-hero__icon { grid-row:auto; width:72px; height:72px; }
}
html[data-theme="dark"] .cs:not(.cs--hero) .cat-icon { color:color-mix(in srgb, var(--acc, var(--p-text)) 60%, #fff); }
/* Sayfalar: yazi sayfasi genisliginde; tam genislik secilirse kenar cubugu yok */
.page-full { padding-bottom:24px; }
.page-full .prose { max-width:none; }

/* ==========================================================================
   Kategori / bolum baslik alani – sade tasarimlar (kategori ayari: hero_style)
   Renk: --acc (kategori vurgu rengi) yoksa palet; bant: --ch-bg / --ch-text
   ========================================================================== */
.hz { --h-acc:var(--acc, var(--p-text)); --h-soft:color-mix(in srgb, var(--h-acc) 8%, var(--bg)); }
html[data-theme="dark"] .hz { --h-acc:color-mix(in srgb, var(--acc, var(--p-text)) 45%, #E9ECEA); --h-soft:color-mix(in srgb, var(--acc, var(--p-text)) 28%, var(--bg)); }
.hz .crumbs { padding-top:18px; }
.hz__in { margin-top:18px; }
.hz__tx { display:flex; flex-direction:column; gap:8px; min-width:0; flex:1; }
.hz__k { font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--text-muted); display:inline-flex; align-items:center; gap:8px; }
.hz__k i { width:7px; height:7px; border-radius:50%; background:var(--h-acc); display:inline-block; flex:none; }
.hz h1 { margin:0; font-weight:800; letter-spacing:-.03em; line-height:1.08; color:var(--text); font-size:clamp(30px, 4vw, 46px); overflow-wrap:anywhere; }
.hz__p { margin:0; color:var(--text-muted); font-size:17px; line-height:1.6; max-width:680px; }
.hz__html p { margin:0 0 .6em; } .hz__html p:last-child { margin-bottom:0; } .hz__html a { color:var(--h-acc); }
.hz__st { display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center; font-size:14px; color:var(--text-muted); margin-top:4px; }
.hz__st b { font-size:22px; font-weight:800; color:var(--text); letter-spacing:-.02em; margin-right:5px; font-variant-numeric:tabular-nums; }
.hz__st span + span { padding-left:22px; border-left:1px solid var(--hair); }
.hz__ic { color:var(--h-acc); display:flex; align-items:center; justify-content:center; flex:none; }
.hz__ic svg { width:100%; height:100%; }

/* A sade */
.hz--sade { padding-bottom:28px; border-bottom:1px solid var(--hair); }
.hz--sade .hz__in { display:flex; gap:24px; align-items:flex-start; }
.hz--sade .hz__ic { width:64px; height:64px; padding:14px; border:1px solid var(--hair); border-radius:16px; background:var(--card); }
/* B serit */
.hz--serit { padding-bottom:26px; }
.hz--serit .hz__in { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:24px; align-items:center; padding-left:22px; border-left:4px solid var(--h-acc); }
.hz--serit .hz__in:not(:has(.hz__ic)) { grid-template-columns:minmax(0, 1fr) auto; }
.hz--serit .hz__ic { width:52px; height:52px; }
.hz--serit h1 { font-size:clamp(28px, 3.6vw, 42px); }
.hz__pills { display:flex; flex-wrap:wrap; gap:8px; }
.hz__pills span { border:1px solid var(--hair); background:var(--card); border-radius:999px; padding:8px 14px; font-size:13px; color:var(--text-muted); white-space:nowrap; }
.hz__pills b { color:var(--text); font-size:15px; margin-right:4px; }
/* C kart */
.hz--kart { padding-bottom:6px; }
.hz--kart .hz__in { background:var(--h-soft); border-radius:20px; padding:30px 34px; display:flex; gap:26px; align-items:center; margin-top:14px; }
.hz--kart .hz__ic { width:76px; height:76px; padding:18px; border-radius:50%; background:var(--h-acc); color:var(--bg); }
.hz--kart h1 { font-size:clamp(28px, 3.8vw, 42px); }
.hz--kart .hz__in > .hz__st { flex-direction:column; align-items:flex-end; gap:4px; text-align:right; margin:0; }
.hz--kart .hz__in > .hz__st span + span { border:0; padding:0; }
/* D orta */
.hz--orta { padding-bottom:34px; text-align:center; border-bottom:1px solid var(--hair); }
.hz--orta .crumbs { justify-content:flex-start; text-align:left; }
.hz--orta .hz__in { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:22px; }
.hz--orta .hz__tx { align-items:center; gap:12px; }
.hz--orta .hz__ic { width:58px; height:58px; }
.hz--orta h1 { font-size:clamp(32px, 4.6vw, 52px); }
.hz--orta .hz__p { margin:0 auto; }
.hz--orta .hz__st { justify-content:center; }
.hz__orn { display:flex; align-items:center; gap:12px; color:var(--h-acc); width:220px; }
.hz__orn::before, .hz__orn::after { content:""; flex:1; height:1px; background:var(--hair); }
.hz__orn i { width:8px; height:8px; transform:rotate(45deg); border:1.5px solid currentColor; }
/* E bant */
.hz--bant { --hb-bg:var(--ch-bg, #1C1F1E); --hb-tx:var(--ch-text, #F2F3F1); background:var(--hb-bg); color:var(--hb-tx); padding:28px 0; margin-top:14px; }
html[data-theme="dark"] .hz--bant { --hb-bg:var(--ch-bg, #171B19); border-bottom:1px solid var(--hair); }
.hz--bant .hz__in { display:flex; gap:22px; align-items:center; margin:0; }
.hz--bant .hz__ic { color:inherit; opacity:.9; width:50px; height:50px; }
.hz--bant h1 { color:inherit; font-size:clamp(28px, 3.4vw, 38px); font-weight:700; }
.hz--bant .hz__p, .hz--bant .hz__k, .hz--bant .hz__st { color:inherit; opacity:.75; }
.hz--bant .hz__st { opacity:1; } .hz--bant .hz__st span { opacity:.75; } .hz--bant .hz__st b { color:inherit; }
.hz--bant .hz__k i { background:var(--a, #E3A21A); }
.hz--bant .hz__st span + span { border-color:color-mix(in srgb, currentColor 25%, transparent); }
.hz--bant .hz__html a { color:inherit; }

@media (max-width: 700px) {
  .hz h1 { font-size:25px !important; letter-spacing:-.02em; line-height:1.15; }
  .hz__p { font-size:14px; line-height:1.5; }
  .hz__k { font-size:10.5px; letter-spacing:.12em; }
  .hz__st { font-size:12.5px; gap:6px 14px; } .hz__st b { font-size:16px; margin-right:3px; } .hz__st span + span { padding-left:14px; }
  .hz .crumbs { font-size:12.5px; padding-top:12px; }
  .hz__tx { gap:6px; }
  .hz--sade { padding-bottom:18px; } .hz--sade .hz__in { gap:12px; margin-top:12px; } .hz--sade .hz__ic { width:40px; height:40px; padding:8px; border-radius:10px; }
  .hz--serit { padding-bottom:14px; } .hz--serit .hz__in, .hz--serit .hz__in:not(:has(.hz__ic)) { grid-template-columns:minmax(0, 1fr); gap:10px; padding-left:14px; border-left-width:3px; margin-top:12px; }
  .hz--serit .hz__ic { display:none; } .hz__pills span { padding:5px 11px; font-size:12px; } .hz__pills b { font-size:13px; }
  .hz--kart .hz__in { display:grid; grid-template-columns:auto minmax(0, 1fr); padding:16px; gap:4px 14px; border-radius:14px; align-items:start; margin-top:10px; }
  .hz--kart .hz__in:not(:has(.hz__ic)) { grid-template-columns:minmax(0, 1fr); }
  .hz--kart .hz__ic { width:42px; height:42px; padding:9px; grid-row:1 / span 2; }
  .hz--kart .hz__in > .hz__st { grid-column:-2; flex-direction:row; justify-content:flex-start; gap:14px; margin-top:6px; align-items:center; }
  .hz--orta { padding-bottom:18px; } .hz--orta .hz__in { gap:8px; margin-top:14px; } .hz--orta .hz__ic { width:38px; height:38px; } .hz__orn { width:140px; }
  .hz--bant { padding:16px 0; margin-top:10px; } .hz--bant .hz__in { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:4px 12px; align-items:start; }
  .hz--bant .hz__in:not(:has(.hz__ic)) { grid-template-columns:minmax(0, 1fr); }
  .hz--bant .hz__ic { width:34px; height:34px; margin-top:2px; } .hz--bant h1 { font-size:23px !important; } .hz--bant .hz__p { font-size:13.5px; }
}
/* Baslik alani bosluklari (Gorunum -> Tema ayarlari -> Kategori sayfalari) */
.hz .hz__in, .hz--kart .hz__in, .hz--orta .hz__in { margin-top:var(--hz-pad, 24px); }
.hz--sade, .hz--serit, .hz--orta, .hz--kart { padding-bottom:0; }
.hz--sade, .hz--orta { padding-bottom:calc(var(--hz-gap, 16px) * .9 + 8px); }
.hz + .wrap > :first-child { padding-top:var(--hz-gap, 16px) !important; }
.hz + .wrap > .cat-desc { margin-top:0; padding-bottom:0; }
.hz + .wrap > .cat-desc + .section { padding-top:calc(var(--hz-gap, 20px) + 8px); }
.hz--sade + .wrap > :first-child, .hz--orta + .wrap > :first-child { padding-top:calc(var(--hz-gap, 16px) * .9 + 8px) !important; }
@media (max-width: 700px) {
  .hz .hz__in, .hz--kart .hz__in, .hz--orta .hz__in { margin-top:var(--hz-pad-m, 16px); }
  .hz--sade, .hz--orta { padding-bottom:calc(var(--hz-gap-m, 12px) * .9 + 6px); }
  .hz + .wrap > :first-child { padding-top:var(--hz-gap-m, 12px) !important; }
  .hz--sade + .wrap > :first-child, .hz--orta + .wrap > :first-child { padding-top:calc(var(--hz-gap-m, 12px) * .9 + 6px) !important; }
}
.hz--bant .hz__in { margin-top:0 !important; }

/* Kart video simgesi: cam daire (ortada buzlu yuvarlak; uzerine gelince vurgu rengi) */
.card__media .play { inset:0; margin:auto; width:58px; height:58px; border-radius:50%; background:rgba(255,255,255,.22); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.45); box-shadow:0 6px 20px rgba(0,0,0,.25); transition:background .25s, border-color .25s, transform .25s; }
.card__media .play svg { width:24px; height:24px; fill:#fff; margin-left:3px; }
.card:hover .card__media .play { background:var(--acc, var(--p)); border-color:var(--acc, var(--p)); transform:scale(1.06); }
@media (max-width: 700px) { .card__media .play { width:50px; height:50px; } .card__media .play svg { width:20px; height:20px; } }
/* Kategori sayfasi karti: baslik gizli, kategori sol ustte kutucukta */
.card--compact { gap:8px; }
.card__badge { position:absolute; left:10px; top:10px; z-index:1; max-width:calc(100% - 20px); background:var(--acc, var(--p)); color:var(--acc-text, #fff);
  font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; line-height:1; padding:6px 9px; border-radius:4px;
  box-shadow:0 2px 8px rgba(0,0,0,.25); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cat-sub { margin:14px 0 0; font-size:18px; color:var(--text-muted); max-width:760px; }

/* Video oynatici dugmesi: beyaz cam daire + yavasca yayilan halkalar */
.yt::after { display:none; }
.yt .play { width:86px; height:86px; border-radius:50%; background:rgba(255,255,255,.22); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.55); box-shadow:0 8px 26px rgba(0,0,0,.3); z-index:1; transition:background .3s, border-color .3s, transform .3s; }
.yt .play svg { width:32px; height:32px; fill:#fff; margin-left:4px; position:relative; z-index:1; }
.play__r { position:absolute; inset:-1px; border-radius:50%; border:2px solid rgba(255,255,255,.75); pointer-events:none; animation:yt-wave 4.2s cubic-bezier(.2,.6,.3,1) infinite; }
.play__r:nth-child(2) { animation-delay:-1.4s; }
.play__r:nth-child(3) { animation-delay:-2.8s; }
@keyframes yt-wave { 0% { transform:scale(1); opacity:.85; } 100% { transform:scale(2.6); opacity:0; } }
.yt:hover .play, .yt:focus-visible .play { background:var(--acc, var(--p)); border-color:var(--acc, var(--p)); transform:scale(1.06); }
@media (max-width: 700px) { .yt .play { width:66px; height:66px; } .yt .play svg { width:26px; height:26px; } }
@media (prefers-reduced-motion: reduce) { .play__r { animation:none; opacity:0; } }
/* oynat dugmesi ayni boyut; icindeki simge daha buyuk */
.yt .play svg { width:44px; height:44px; margin-left:6px; }
@media (max-width: 700px) { .yt .play svg { width:34px; height:34px; margin-left:4px; } }

/* Yazi / video sayfasi: kutulu yol + cizgiler arasinda bilgi satiri */
.pcrumbs { --k:var(--acc, var(--p-text)); display:flex; align-items:center; flex-wrap:wrap; gap:6px; width:max-content; max-width:100%; margin-top:18px; padding:9px 14px;
  background:var(--card); border:1px solid var(--hair); border-radius:10px; font-size:14px; }
.pcrumbs a { color:var(--text-muted); text-decoration:none; }
.pcrumbs a:hover { color:var(--k); }
.pcrumbs b { color:var(--text); font-weight:700; }
.pcrumbs__home { display:inline-flex; color:var(--k) !important; }
.pcrumbs svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.pcrumbs .pcrumbs__sep { width:14px; height:14px; opacity:.45; color:var(--text-muted); }
.pmeta { --k:var(--acc, var(--p-text)); align-items:center; gap:10px 22px; padding:12px 0; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); font-weight:500; }
.pmeta__it { display:inline-flex; align-items:center; gap:7px; }
.pmeta svg { width:16px; height:16px; fill:none; stroke:var(--k); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.pmeta__cats a { color:var(--text); font-weight:700; text-decoration:none; }
.pmeta__cats a:hover { color:var(--k); }
.pmeta__cats a + a::before { content:", "; color:var(--text-muted); font-weight:400; }
html[data-theme="dark"] .pcrumbs, html[data-theme="dark"] .pmeta { --k:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); }
@media (max-width: 700px) {
  .pcrumbs { width:auto; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; white-space:nowrap; font-size:13px; -webkit-mask-image:linear-gradient(90deg, #000 85%, transparent); mask-image:linear-gradient(90deg, #000 85%, transparent); }
  .pcrumbs::-webkit-scrollbar { display:none; }
  .pcrumbs a, .pcrumbs svg { flex:none; }
  .pmeta { gap:8px 16px; font-size:13px; }
}

/* ==========================================================================
   Kenar cubugu – yumusak kartlar
   ========================================================================== */
.sidebar { gap:20px; }
.sw { --k:var(--acc, var(--p-text)); border:1px solid var(--hair) !important; border-radius:16px !important; background:var(--card); padding:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.04); overflow:hidden; }
html[data-theme="dark"] .sw { --k:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); box-shadow:none; }
.sw svg { fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.sw__t { display:flex; align-items:center; gap:9px; margin:0 0 6px; padding:0 0 12px; border-bottom:1px solid var(--hair) !important; font-size:14px; font-weight:800;
  text-transform:none; letter-spacing:.01em; }
.sw__t > svg { width:18px; height:18px; color:var(--k); }
.sw__t span { flex:1; min-width:0; }
.sw__t small { font-size:12px; color:var(--text-muted); font-weight:700; }
.sw__list { list-style:none; margin:0; padding:0; }
.sw__list a { display:flex; align-items:center; gap:12px; padding:9px 8px; border-radius:10px; color:var(--text); text-decoration:none; font-size:14.5px; line-height:1.35; }
.sw__list a:hover { background:color-mix(in srgb, var(--k) 7%, transparent); }
.sw__list a[aria-current] { background:color-mix(in srgb, var(--k) 11%, transparent); box-shadow:inset 3px 0 0 var(--k); font-weight:700; }
.sw__tt { flex:1; min-width:0; overflow-wrap:anywhere; }
.sw__v { display:inline-flex; align-items:center; gap:4px; flex:none; font-size:12px; font-weight:600; color:var(--text-muted); font-variant-numeric:tabular-nums; }
.sw__v svg { width:14px; height:14px; opacity:.8; }
.sw__list--scroll { max-height:360px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.sw__list--thumbs a { align-items:flex-start; }
.sw__th { position:relative; flex:none; width:96px; aspect-ratio:16/9; border-radius:8px; overflow:hidden; background:var(--band); }
.sw__th img { width:100%; height:100%; object-fit:cover; display:block; }
.sw__th .sw__pl { position:absolute; inset:0; margin:auto; width:22px; height:22px; fill:#fff; stroke:none; filter:drop-shadow(0 1px 3px rgba(0,0,0,.6)); }
.sw__body { flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.sw__list--thumbs .sw__tt { font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sw__m { display:flex; flex-wrap:wrap; align-items:center; gap:2px 12px; font-size:12px; color:var(--text-muted); }
.sw__bi { flex:none; width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--c) 12%, transparent); color:var(--c); }
html[data-theme="dark"] .sw__bi { color:color-mix(in srgb, var(--c) 50%, #fff); background:color-mix(in srgb, var(--c) 30%, transparent); }
.sw__list--sec small { font-size:12px; font-weight:700; color:var(--text-muted); background:color-mix(in srgb, var(--text) 6%, transparent); padding:3px 8px; border-radius:999px; }
.sw__ext { width:15px; height:15px; color:var(--text-muted); }
.sw--search { padding:10px; }
.sw__search { display:flex; border:1px solid var(--hair); border-radius:10px; overflow:hidden; background:var(--bg); }
.sw__search input { flex:1; min-width:0; border:0; background:transparent; padding:11px 12px; font:inherit; font-size:14px; color:var(--text); outline:0; }
.sw__search button { border:0; width:46px; background:var(--k); color:var(--acc-text, #fff); display:flex; align-items:center; justify-content:center; cursor:pointer; }
html[data-theme="dark"] .sw__search button { color:#111; }
.sw__search button svg { width:18px; height:18px; }
.sw__search:focus-within { border-color:var(--k); }

/* Kenar cubugu – B: cizgisiz sade (kutu yok) */
.sidebar { gap:30px; }
.sw { border:0 !important; border-radius:0 !important; background:transparent !important; padding:0 !important; box-shadow:none !important; overflow:visible; }
.sw__t { margin:0 0 2px; padding:0 0 10px; border-bottom:2px solid var(--k) !important; font-size:12.5px; text-transform:uppercase; letter-spacing:.1em; }
.sw__list li + li { border-top:1px solid var(--hair); }
.sw__list a { padding:11px 2px; border-radius:0; }
.sw__list a:hover { background:none; }
.sw__list a:hover .sw__tt { color:var(--k); }
.sw__list a[aria-current] { background:none; box-shadow:none; }
.sw__list a[aria-current] .sw__tt { color:var(--k); }
.sw__list a[aria-current]::before { content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--k); }
.sw__bi { background:none !important; width:24px; height:24px; }
.sw__th { border-radius:0; }
.sw--search { padding:0 !important; }
.sw__search { border:0; border-bottom:2px solid var(--text); border-radius:0; background:transparent; }
.sw__search input { padding:10px 2px; }
.sw__search button, html[data-theme="dark"] .sw__search button { background:transparent; color:var(--text); width:36px; }
.sw__search:focus-within { border-color:var(--k); }
.sw__search:focus-within button { color:var(--k); }
/* kenar cubugu listelerinde basliklar en fazla iki satir */
.sw__list .sw__tt { display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:break-word; }

/* Kenar cubugu – C gibi cerceveli kart: renkli baslik seridi, ici sade liste */
.sidebar { gap:20px; }
.sw { border:1px solid var(--hair) !important; border-radius:12px !important; background:var(--card) !important; padding:0 !important; overflow:hidden; }
.sw__t { margin:0; padding:12px 16px; border-bottom:1px solid color-mix(in srgb, var(--k) 22%, var(--hair)) !important;
  background:color-mix(in srgb, var(--k) 9%, var(--card)); font-size:13px; text-transform:none; letter-spacing:.01em; }
html[data-theme="dark"] .sw__t { background:color-mix(in srgb, var(--k) 16%, var(--card)); }
.sw__list { padding:2px 16px; }
.sw__list a { padding:11px 0; }
.sw--search { padding:12px !important; }
.sw__search { border:1px solid var(--hair); border-radius:8px; background:var(--bg); }
.sw__search input { padding:10px 12px; }
.sw__search button, html[data-theme="dark"] .sw__search button { background:var(--k); color:var(--acc-text, #fff); width:44px; }
html[data-theme="dark"] .sw__search button { color:#111; }
.sw__search:focus-within button { color:var(--acc-text, #fff); }
html[data-theme="dark"] .sw__search:focus-within button { color:#111; }
.sw__th { border-radius:6px; }
/* bolum dersleri: ayarlanan sayidan (varsayilan 15) sonrasi kaydirilir; kaydirma cubugu gorunur */
.sw__list--scroll { max-height:660px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:color-mix(in srgb, var(--k) 45%, transparent) transparent; }
.sw__list--scroll::-webkit-scrollbar { width:8px; }
.sw__list--scroll::-webkit-scrollbar-thumb { background:color-mix(in srgb, var(--k) 45%, transparent); border-radius:8px; }
.sw__list--scroll::-webkit-scrollbar-track { background:transparent; }
.sw__list--scroll.is-short { max-height:none; overflow:visible; }
.sw__text { padding:12px 16px 14px; font-size:15px; line-height:1.6; max-width:none; }
.sw__text > :first-child { margin-top:0; } .sw__text > :last-child { margin-bottom:0; }

/* Yazi / sayfa metin alani: belirgin kart */
.pbody { margin-top:24px; background:var(--card); border:1px solid var(--hair); border-radius:14px; padding:clamp(20px, 3vw, 36px) clamp(18px, 3.4vw, 44px);
  box-shadow:0 1px 2px rgba(0,0,0,.03), 0 8px 24px rgba(0,0,0,.04); }
html[data-theme="dark"] .pbody { box-shadow:none; }
.pbody > .prose { padding:0; max-width:none; }
.pbody > .prose > :first-child { margin-top:0; } .pbody > .prose > :last-child { margin-bottom:0; }
.pbody .source-note { max-width:none; margin:22px 0 0; border:0; border-left:3px solid var(--acc, var(--p-text)); border-radius:0 8px 8px 0;
  background:color-mix(in srgb, var(--acc, var(--p-text)) 7%, transparent); font-size:14.5px; }
.pbody > .source-note:first-child { margin-top:0; }
.pbody .tags { max-width:none; padding-top:20px; margin-top:22px; border-top:1px solid var(--hair); }
.pbody > .tags:first-child { margin-top:0; border-top:0; padding-top:0; }
.pbody .tags a { border:1px solid var(--hair); border-radius:999px; font-weight:600; min-height:32px; padding:5px 12px; }
.pbody .tags a:hover { border-color:var(--acc, var(--p-text)); color:var(--acc, var(--p-text)); }
.pbody .cards { margin:24px 0; }
.pbody > .empty { margin:0; }
/* onceki / sonraki: ayni yumusak cerceve */
.prevnext__item { border:1px solid var(--hair); border-radius:12px; background:var(--card); }
.prevnext__item:hover { border-color:var(--acc, var(--p-text)); }
.prevnext__item span { color:var(--acc, var(--p-text)); }
@media (max-width: 700px) { .pbody { margin-top:16px; border-radius:12px; } }
html[data-theme="dark"] .prevnext__item span, html[data-theme="dark"] .pbody .tags a:hover { color:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); }
html[data-theme="dark"] .pbody .source-note { border-left-color:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); }

/* Paylas: renkli yuvarlak ikonlar */
.share { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:24px; }
.share__lb { display:inline-flex; align-items:center; gap:7px; font-size:14px; margin-right:4px; color:var(--text); }
.share__lb svg, .share__cp svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.share__b { position:relative; width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--c); border:0; cursor:pointer; transition:transform .2s, box-shadow .2s; }
.share__b:hover { transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,.18); }
.share__cp { background:var(--card); color:var(--text); border:1px solid var(--hair); }
html[data-theme="dark"] .share__b--x { background:#fff; color:#000; }
.share__ok { position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); background:var(--text); color:var(--bg); font-size:12px; font-weight:700; padding:4px 8px; border-radius:6px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .2s; }
.share__cp.is-ok .share__ok { opacity:1; }
/* Onceki / sonraki: yan gorselli kartlar */
.pn { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px; }
.pn__it { display:grid; grid-template-columns:120px minmax(0, 1fr); gap:14px; align-items:center; padding:12px; background:var(--card); border:1px solid var(--hair); border-radius:12px; color:var(--text); text-decoration:none; transition:border-color .2s; }
.pn__it--next { grid-template-columns:minmax(0, 1fr) 120px; text-align:right; }
.pn__it--next .pn__im { order:2; }
.pn__it--noimg, .pn__it--next.pn__it--noimg { grid-template-columns:minmax(0, 1fr); }
.pn__it:hover { border-color:var(--acc, var(--p-text)); }
.pn__im { aspect-ratio:16/9; border-radius:8px; overflow:hidden; background:var(--band); }
.pn__im img { width:100%; height:100%; object-fit:cover; display:block; }
.pn__tx { display:flex; flex-direction:column; gap:5px; min-width:0; }
.pn__it--next .pn__tx { align-items:flex-end; }
.pn__lb { display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--acc, var(--p-text)); }
html[data-theme="dark"] .pn__lb { color:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); }
.pn__lb svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.pn__tt { font-weight:800; font-size:16px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pn__it:hover .pn__tt { color:var(--acc, var(--p-text)); }
@media (max-width: 700px) {
  .pn { grid-template-columns:1fr; gap:10px; }
  .pn > span:empty { display:none; }
  .pn__it { grid-template-columns:96px minmax(0, 1fr); }
  .pn__it--next { grid-template-columns:minmax(0, 1fr) 96px; }
  .pn__tt { font-size:14.5px; }
  .share { gap:8px; } .share__b { width:40px; height:40px; }
}
/* Paylas – D: iki ince cizgi arasinda sade ikonlar */
.share { gap:4px; padding:8px 0; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); }
.share__lb { font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-right:8px; }
.share__b, html[data-theme="dark"] .share__b--x { width:38px; height:38px; border-radius:10px; background:transparent; color:var(--text-muted); border:0; box-shadow:none; transition:background .2s, color .2s; }
.share__b:hover { transform:none; box-shadow:none; background:color-mix(in srgb, var(--c) 12%, transparent); color:var(--c); }
html[data-theme="dark"] .share__b--x:hover { --c:#fff; }
.share__sp { flex:1; }
.share__cp { width:auto; padding:0 12px; gap:6px; font-size:13px; font-weight:700; --c:var(--acc, var(--p-text)); }
@media (max-width: 700px) { .share__b { width:36px; height:36px; } .share__lb { margin-right:2px; } }
/* metin karti ic boslugu daha dar */
.pbody { padding:clamp(14px, 1.8vw, 22px) clamp(16px, 2vw, 24px); }
.pbody .source-note { margin-top:16px; }
.pbody .tags { margin-top:16px; padding-top:14px; }
@media (max-width: 700px) { .pbody { padding:14px 14px; } }
/* yazi ile kenar cubugu arasi (Gorunum -> Tema ayarlari -> Duzen) */
.post-layout { gap:var(--side-gap, 28px); }
.sidebar { padding-top:0; }
@media (max-width: 1000px) { .post-layout { gap:28px; } }

/* Videolu yazida metin kartinin basinda renkli baslik seridi */
.pbody--band { padding:0 !important; overflow:hidden; }
.pbody__band { --k:var(--acc, var(--p-text)); display:flex; gap:10px; align-items:flex-start; padding:14px clamp(16px, 2vw, 24px);
  background:color-mix(in srgb, var(--k) 9%, var(--card)); border-bottom:1px solid color-mix(in srgb, var(--k) 22%, var(--hair)); }
html[data-theme="dark"] .pbody__band { --k:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); background:color-mix(in srgb, var(--acc, var(--p-text)) 16%, var(--card)); }
.pbody__band svg { width:20px; height:20px; flex:none; margin-top:3px; fill:none; stroke:var(--k); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.pbody__band h2 { margin:0; font-size:clamp(18px, 2.2vw, 23px); font-weight:800; line-height:1.25; letter-spacing:-.02em; color:var(--text); }
.pbody__in { padding:clamp(14px, 1.8vw, 22px) clamp(16px, 2vw, 24px); }
.pbody__in > .prose { padding:0; max-width:none; }
.pbody__in > .prose > :first-child { margin-top:0; } .pbody__in > .prose > :last-child { margin-bottom:0; }
.pbody__in > .source-note:first-child, .pbody__in > .tags:first-child { margin-top:0; }
@media (max-width: 700px) { .pbody__band { padding:12px 14px; } .pbody__band h2 { font-size:18px; } .pbody__in { padding:14px; } }

/* ==========================================================================
   Yorumlar – sohbet balonlari
   ========================================================================== */
.cmt { --k:var(--acc, var(--p-text)); margin-top:28px; }
html[data-theme="dark"] .cmt { --k:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); }
.cmt__h { margin:0 0 14px; font-size:20px; font-weight:800; letter-spacing:-.01em; }
.cmt__h small { font-size:14px; color:var(--text-muted); font-weight:700; }
.cmt__ok, .cmt__err { margin:0 0 14px; padding:10px 14px; border-radius:10px; font-size:14.5px; }
.cmt__ok { background:color-mix(in srgb, #0D6B4F 12%, var(--card)); border:1px solid color-mix(in srgb, #0D6B4F 35%, var(--hair)); }
.cmt__err { background:color-mix(in srgb, #B3261E 10%, var(--card)); border:1px solid color-mix(in srgb, #B3261E 35%, var(--hair)); }
.cmt__empty { margin:0 0 12px; color:var(--text-muted); font-size:15px; }
.cmt__th { margin-bottom:16px; }
.cmt__rp { margin:10px 0 0 50px; }
.cmt__c { display:flex; gap:10px; align-items:flex-start; scroll-margin-top:90px; }
.cmt__av { flex:none; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px;
  color:#fff; background:color-mix(in srgb, var(--k) 70%, #555); }
.cmt__c--adm .cmt__av { background:var(--k); }
html[data-theme="dark"] .cmt__c--adm .cmt__av { color:#111; }
.cmt__b { background:var(--card); border:1px solid var(--hair); border-radius:4px 16px 16px 16px; padding:12px 14px; max-width:600px; min-width:0; }
.cmt__c--adm .cmt__b { background:color-mix(in srgb, var(--k) 9%, var(--card)); border-color:color-mix(in srgb, var(--k) 25%, var(--hair)); }
.cmt__meta { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; font-size:15px; }
.cmt__badge { font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; background:var(--k); color:#fff; padding:3px 7px; border-radius:999px; }
html[data-theme="dark"] .cmt__badge { color:#111; }
.cmt__dt { font-size:12.5px; color:var(--text-muted); }
.cmt__tx { margin:4px 0 0; font-size:15.5px; line-height:1.6; overflow-wrap:anywhere; }
.cmt__reply { margin-top:6px; padding:0; border:0; background:none; font:inherit; font-size:13px; font-weight:700; color:var(--k); cursor:pointer; }
.cmt__reply:hover { text-decoration:underline; }
.cmt__f { margin-top:20px; }
.cmt__to { display:flex; align-items:center; gap:8px; margin:0 0 8px; font-size:13.5px; color:var(--text-muted); }
.cmt__to[hidden] { display:none; }
.cmt__to b { color:var(--text); }
.cmt__to button { border:0; background:var(--hair); color:var(--text); width:22px; height:22px; border-radius:50%; cursor:pointer; line-height:1; }
.cmt__row { display:flex; gap:10px; align-items:flex-end; background:var(--card); border:1px solid var(--hair); border-radius:18px; padding:10px; transition:border-color .2s; }
.cmt__row:focus-within { border-color:var(--k); }
.cmt__row textarea { flex:1; min-width:0; min-height:46px; max-height:260px; border:0; background:transparent; resize:vertical; font:inherit; font-size:15.5px; color:var(--text); outline:0; padding:6px 8px; }
.cmt__send { flex:none; border:0; background:var(--k); color:#fff; font:inherit; font-weight:800; font-size:14px; padding:11px 18px; border-radius:999px; cursor:pointer; }
html[data-theme="dark"] .cmt__send { color:#111; }
.cmt__who { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.cmt__who[hidden] { display:none; }
.cmt__who input { width:100%; box-sizing:border-box; font:inherit; font-size:15px; color:var(--text); background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:11px 13px; }
.cmt__who input:focus { outline:0; border-color:var(--k); }
.cmt__hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cmt__note { margin:8px 4px 0; font-size:12.5px; color:var(--text-muted); }
@media (max-width: 700px) {
  .cmt__rp { margin-left:24px; }
  .cmt__av { width:34px; height:34px; font-size:12.5px; }
  .cmt__row { flex-wrap:wrap; border-radius:14px; }
  .cmt__row textarea { flex-basis:100%; }
  .cmt__send { margin-left:auto; }
  .cmt__who { grid-template-columns:1fr; }
}
.pn + .cmt, .post-main > .cmt { margin-top:32px; }

/* Bu bolumden: kaydirmali kartlar */
.rel { --k:var(--acc, var(--p-text)); margin:36px 0 12px; }
html[data-theme="dark"] .rel { --k:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); }
.rel__hd { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.rel__hd h2 { margin:0; font-size:22px; font-weight:800; display:flex; align-items:center; gap:10px; }
.rel__hd h2 i { width:8px; height:8px; border-radius:50%; background:var(--k); }
.rel__nav { display:flex; align-items:center; gap:6px; }
.rel__nav a { font-size:14px; font-weight:700; color:var(--k); text-decoration:none; margin-right:8px; }
.rel__nav button { width:36px; height:36px; border-radius:50%; border:1px solid var(--hair); background:var(--card); color:var(--text); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:border-color .2s, color .2s; }
.rel__nav button:hover { border-color:var(--k); color:var(--k); }
.rel__nav svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.rel__track { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; padding-bottom:4px; }
.rel__track::-webkit-scrollbar { display:none; }
.rel__it { flex:0 0 calc((100% - 48px) / 4); scroll-snap-align:start; display:flex; flex-direction:column; gap:8px; min-width:0; color:var(--text); text-decoration:none; }
.rel__im { position:relative; display:block; aspect-ratio:16/9; border-radius:10px; overflow:hidden; background:var(--band); }
.rel__im img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.rel__it:hover .rel__im img { transform:scale(1.04); }
.rel__pl { position:absolute; inset:0; margin:auto; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.22); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; transition:background .25s, border-color .25s; }
.rel__pl svg { width:18px; height:18px; fill:#fff; margin-left:2px; }
.rel__it:hover .rel__pl { background:var(--acc, var(--p)); border-color:var(--acc, var(--p)); }
.rel__t { font-size:15px; font-weight:600; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rel__it:hover .rel__t { color:var(--k); }
.rel__m { display:flex; flex-wrap:wrap; align-items:center; gap:2px 12px; font-size:12.5px; color:var(--text-muted); margin-top:-3px; }
.rel__m .views svg { width:14px; height:14px; }
@media (max-width: 1000px) { .rel__it { flex-basis:calc((100% - 32px) / 3); } }
@media (max-width: 700px) { .rel__it { flex-basis:72%; } .rel__hd h2 { font-size:19px; } .rel__nav button { display:none; } }

/* Yorumlar kutu icinde; balonlar tam genislik (kisa yorumlar da duzgun dursun) */
.cmt { background:var(--card); border:1px solid var(--hair); border-radius:14px; padding:clamp(16px, 2vw, 22px) clamp(14px, 2vw, 22px); }
.cmt__b { flex:1; max-width:none; background:var(--bg); }
.cmt__c--adm .cmt__b { background:color-mix(in srgb, var(--k) 8%, var(--bg)); }
.cmt__row { background:var(--bg); }
.cmt__who input { background:var(--bg); }
.cmt__th + .cmt__th { padding-top:16px; border-top:1px solid var(--hair); }
.cmt__f { margin-top:18px; padding-top:18px; border-top:1px solid var(--hair); }
.cmt__th:last-of-type { margin-bottom:0; }

/* Yukari cik dugmesi */
.totop { position:fixed; right:18px; bottom:18px; z-index:60; width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--btn, #111); color:var(--on-btn, #fff); box-shadow:0 8px 22px rgba(0,0,0,.25); text-decoration:none;
  opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .25s, transform .25s, visibility .25s, background .2s; }
.totop.is-on { opacity:1; visibility:visible; transform:none; }
.totop:hover { background:var(--acc, var(--p)); color:#fff; }
.totop svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width: 700px) { .totop { right:12px; bottom:12px; width:42px; height:42px; } }
@media print { .totop { display:none; } }

/* ==========================================================================
   Footer – koyu, ustte abone ol bandi (Araclar -> Footer)
   ========================================================================== */
.ft { --ft-bg:#0F1412; --ft-text:#C9CFCB; --ft-head:#fff; --ft-cta1:#B3261E; --ft-cta2:#7A1A14; background:var(--ft-bg); color:var(--ft-text); margin-top:56px; font-size:15px; }
.ft a { color:var(--ft-text); text-decoration:none; transition:color .2s; }
.ft a:hover { color:var(--ft-head); }
.ft__cta { background:linear-gradient(90deg, var(--ft-cta1), var(--ft-cta2)); color:#fff; }
.ft__cta .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px 24px; flex-wrap:wrap; padding-top:26px; padding-bottom:26px; }
.ft__cta b { display:block; font-size:22px; font-weight:800; letter-spacing:-.02em; }
.ft__cta span { font-size:14.5px; opacity:.88; }
.ft__btn { display:inline-flex !important; align-items:center; gap:8px; background:#fff; color:#111 !important; font-weight:800; font-size:14px; padding:11px 18px; border-radius:999px; transition:transform .2s !important; }
.ft__btn:hover { transform:translateY(-2px); }
.ft__btn svg { color:#FF0000; }
.ft__main { display:grid; grid-template-columns:1.5fr repeat(var(--ft-n, 3), minmax(0, 1fr)); gap:40px; padding-top:52px; padding-bottom:40px; }
.ft__brand { display:inline-flex; align-items:center; gap:12px; color:var(--ft-head) !important; }
.ft__brand img { height:44px; width:auto; display:block; }
.ft__mark { width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:16px; background:var(--ft-cta1); color:#fff; }
.ft__name { font-size:21px; font-weight:600; letter-spacing:-.02em; } .ft__name b { font-weight:900; }
.ft__about p { margin:16px 0 20px; line-height:1.65; font-size:14.5px; max-width:380px; opacity:.8; }
.ft__so { display:flex; flex-wrap:wrap; gap:8px; }
.ft__so a { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--ft-head) 8%, transparent); color:var(--ft-head); transition:background .2s, transform .2s; }
.ft__so a:hover { background:var(--brand, var(--ft-cta1)); color:#fff; transform:translateY(-2px); }
.ft__col h2 { margin:0 0 14px; font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--ft-head); }
.ft__col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
.ft__cr { display:flex; justify-content:space-between; gap:10px 20px; flex-wrap:wrap; border-top:1px solid color-mix(in srgb, var(--ft-head) 10%, transparent); padding-top:20px !important; padding-bottom:24px !important; font-size:13px; opacity:.8; }
.ft__bl { display:flex; flex-wrap:wrap; gap:6px 18px; }
html[data-theme="dark"] .ft { border-top:1px solid var(--hair); }
@media (max-width: 900px) { .ft__main { grid-template-columns:1fr 1fr; gap:30px; } .ft__about { grid-column:1 / -1; } }
@media (max-width: 520px) { .ft__cta b { font-size:20px; } .ft__main { padding-top:40px; } .ft__cr { flex-direction:column; } }
/* footer: baglanti ikonlari ve bant kapaliyken yan dugme */
.ft__col a { display:inline-flex; align-items:center; gap:9px; }
.ft__ic { flex:none; width:28px; height:28px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--ft-head) 7%, transparent); color:var(--ft-head); opacity:.85; transition:background .2s, opacity .2s; }
.ft__ic svg { width:16px; height:16px; }
.ft__col a:hover .ft__ic { background:var(--ft-cta1); color:#fff; opacity:1; }
.ft__btn--side { margin:0 0 20px; }
.ft__col ul { gap:8px; }
/* footer ile ustundeki bolum arasi (Gorunum -> Tema ayarlari -> Duzen) */
.ft { margin-top:var(--ft-gap, 16px); }
#icerik > :last-child > .section:last-child, #icerik > :last-child > .section--tight:last-child,
#icerik > .wrap:last-child > :last-child, #icerik > .cs:last-child > .wrap:last-child > :last-child { padding-bottom:24px; }
#icerik > .wrap:last-child > .post-layout:last-child, #icerik > .cs:last-child > .wrap:last-child > .post-layout:last-child { padding-bottom:16px; }
#icerik > .cs:last-child > .wrap:last-child > .rel:last-child { margin-bottom:24px; padding-bottom:0; }

/* ==========================================================================
   Arama: anlik panel, mobil tam ekran, sonuc sayfasi
   ========================================================================== */
.sq-backdrop { position:fixed; inset:0; background:rgba(15,18,16,.18); z-index:70; }
.sq-backdrop[hidden] { display:none; }
form.sq-open { position:relative; z-index:75; }
.sq-panel { --k:var(--acc, var(--p-text)); position:absolute; left:50%; top:calc(100% + 10px); transform:translateX(-50%); width:min(780px, 94vw); z-index:76;
  background:var(--card); color:var(--text); border:1px solid var(--hair); border-radius:16px; box-shadow:0 24px 60px rgba(0,0,0,.22); overflow:hidden; text-align:left; font-size:14px; }
.sq-panel[hidden] { display:none; }
.sq-panel.is-loading { opacity:.75; }
html[data-theme="dark"] .sq-panel { --k:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); box-shadow:0 24px 60px rgba(0,0,0,.6); }
.sq-body { display:grid; grid-template-columns:minmax(0, 1fr) 250px; max-height:min(560px, 70vh); }
.sq-body--one { grid-template-columns:minmax(0, 1fr); }
.sq-col { padding:12px 14px; overflow:auto; }
.sq-side { border-left:1px solid var(--hair); background:color-mix(in srgb, var(--bg) 60%, var(--card)); }
.sq-h { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin:4px 4px 8px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); }
.sq-h a, .sq-h button { letter-spacing:0; text-transform:none; font-weight:700; font-size:12.5px; color:var(--k); background:none; border:0; cursor:pointer; padding:0; text-decoration:none; }
.sq-v { display:grid; grid-template-columns:96px minmax(0, 1fr); gap:12px; align-items:center; padding:7px; border-radius:12px; color:var(--text); text-decoration:none; }
.sq-v:hover, .sq-v.is-on, .sq-cat:hover, .sq-cat.is-on, .sq-chip.is-on, .sq-all.is-on { background:color-mix(in srgb, var(--k) 10%, transparent); }
.sq-v.is-on, .sq-cat.is-on { outline:1px solid color-mix(in srgb, var(--k) 35%, transparent); }
.sq-th { position:relative; display:block; aspect-ratio:16/9; border-radius:8px; overflow:hidden; background:var(--band); }
.sq-th img { width:100%; height:100%; object-fit:cover; display:block; }
.sq-ic { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; opacity:.8; }
.sq-pl { position:absolute; inset:0; margin:auto; width:26px; height:26px; border-radius:50%; background:rgba(0,0,0,.45); display:flex; align-items:center; justify-content:center; }
.sq-pl svg { width:12px; height:12px; fill:#fff; margin-left:1px; }
.sq-tx { min-width:0; display:flex; flex-direction:column; gap:3px; }
.sq-t { font-weight:600; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sq-m, .sq-snip { font-size:12.5px; color:var(--text-muted); }
.sq-snip { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sq-panel mark, .srp mark { background:color-mix(in srgb, var(--k, var(--p-text)) 22%, transparent); color:inherit; border-radius:3px; padding:0 1px; }
.sq-cat { display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:10px; color:var(--text); text-decoration:none; }
.sq-cat b { display:block; font-weight:600; font-size:13.5px; line-height:1.3; } .sq-cat small { color:var(--text-muted); font-size:12px; }
.sq-ci { flex:none; width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--k) 10%, transparent); color:var(--k); }
.sq-ci--c { background:color-mix(in srgb, var(--c) 13%, transparent); color:var(--c); }
html[data-theme="dark"] .sq-ci--c { color:color-mix(in srgb, var(--c) 50%, #fff); }
.sq-chips { display:flex; flex-wrap:wrap; gap:6px; margin:0 2px 14px; }
.sq-chip { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; border-radius:999px; border:1px solid var(--hair); background:var(--card); color:var(--text); font-size:13px; font-weight:500; text-decoration:none; }
.sq-chip--hist::before { content:"↺"; color:var(--text-muted); font-size:12px; }
.sq-chip--hot::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--k); }
.sq-foot { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:10px 16px; border-top:1px solid var(--hair); font-size:12.5px; color:var(--text-muted); }
.sq-foot b { color:var(--text); }
.sq-keys kbd { font:600 10.5px/1 inherit; border:1px solid var(--hair); border-bottom-width:2px; border-radius:5px; padding:3px 5px; background:var(--card); color:var(--text); margin:0 1px; }
.sq-all { margin-left:auto; font-weight:700; color:var(--k); text-decoration:none; padding:4px 8px; border-radius:8px; }
.sq-dym { margin:12px 14px 0; padding:10px 12px; border-radius:10px; background:color-mix(in srgb, var(--k) 9%, transparent); font-size:14px; }
.sq-dym a { color:var(--k); }
.sq-empty { padding:22px 16px 12px; text-align:center; color:var(--text-muted); }
.sq-empty b { display:block; color:var(--text); font-size:15px; margin-bottom:4px; }
/* mobil tam ekran */
html.sq-lock, html.sq-lock body { overflow:hidden; }
.sqm { position:fixed; inset:0; z-index:200; background:var(--bg); display:flex; flex-direction:column; }
.sqm-top { display:flex; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid var(--hair); background:var(--card); }
.sqm-in { flex:1; display:flex; align-items:center; gap:8px; height:46px; padding:0 12px; border-radius:12px; border:2px solid var(--acc, var(--p-text)); background:var(--bg); }
.sqm-in svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; flex:none; color:var(--text-muted); }
.sqm-in input { flex:1; min-width:0; border:0; background:transparent; font:inherit; font-size:16px; color:var(--text); outline:0; }
.sqm-x { border:0; background:none; color:var(--text-muted); font:inherit; font-weight:700; font-size:14px; padding:8px 4px; }
.sqm-body.sq-panel { position:static; transform:none; width:auto; flex:1; overflow:auto; border:0; border-radius:0; box-shadow:none; background:var(--bg); }
.sqm-body .sq-body { grid-template-columns:1fr; max-height:none; }
.sqm-body .sq-side { border-left:0; border-top:1px solid var(--hair); background:transparent; }
.sqm-body .sq-v { grid-template-columns:110px minmax(0, 1fr); }
.sqm-body .sq-keys { display:none; }
/* sonuc sayfasi */
.srp { --k:var(--acc, var(--p-text)); padding-top:22px; padding-bottom:30px; max-width:980px; }
html[data-theme="dark"] .srp { --k:color-mix(in srgb, var(--acc, var(--p-text)) 55%, #fff); }
.sr-box { position:relative; display:flex; align-items:center; gap:10px; height:56px; padding:0 8px 0 18px; border:2px solid var(--k); border-radius:16px; background:var(--card); margin-bottom:18px; }
.sr-box > svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; color:var(--text-muted); flex:none; }
.sr-box input { flex:1; min-width:0; border:0; background:none; font:inherit; font-size:18px; font-weight:500; color:var(--text); outline:0; }
.sr-box button { height:40px; padding:0 20px; border-radius:12px; border:0; background:var(--k); color:#fff; font:inherit; font-weight:800; cursor:pointer; }
html[data-theme="dark"] .sr-box button { color:#111; }
.sr-start h1 { margin:8px 0 6px; font-size:26px; } .sr-start p { color:var(--text-muted); margin:0 0 16px; }
.sr-chips { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.sr-lbl { font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-right:4px; }
.sr-chip { display:inline-flex; align-items:center; height:32px; padding:0 13px; border-radius:999px; border:1px solid var(--hair); background:var(--card); color:var(--text); text-decoration:none; font-size:14px; }
.sr-chip:hover { border-color:var(--k); color:var(--k); }
.sr-dym { margin:0 0 14px; padding:12px 14px; border-radius:12px; background:color-mix(in srgb, var(--k) 9%, transparent); }
.sr-dym a { color:var(--k); }
.sr-head h1 { margin:0; font-size:clamp(22px, 3vw, 28px); font-weight:800; letter-spacing:-.02em; }
.sr-head small { display:flex; flex-wrap:wrap; gap:4px 12px; color:var(--text-muted); font-size:13.5px; margin-top:6px; }
.sr-tabs { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:16px 0 10px; padding-bottom:2px; }
.sr-tabs a { flex:none; display:inline-flex; gap:6px; align-items:center; height:36px; padding:0 15px; border-radius:999px; border:1px solid var(--hair); background:var(--card); color:var(--text); font-weight:700; font-size:14px; text-decoration:none; }
.sr-tabs a em { font-style:normal; font-weight:500; opacity:.6; }
.sr-tabs a[aria-current] { background:var(--text); color:var(--bg); border-color:var(--text); }
.sr-filters { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; margin-bottom:18px; font-size:13px; color:var(--text-muted); }
.sr-filters label { display:inline-flex; align-items:center; gap:6px; }
.sr-filters select { height:34px; border-radius:10px; border:1px solid var(--hair); background:var(--card); color:var(--text); font:inherit; font-size:13.5px; padding:0 8px; }
.sr-sort { margin-left:auto; }
.sr-empty { padding:24px 0; } .sr-empty b { font-size:18px; } .sr-empty p { color:var(--text-muted); }
.sr-best { display:grid; grid-template-columns:280px minmax(0, 1fr); gap:20px; align-items:center; padding:16px; border-radius:18px; text-decoration:none; color:var(--text);
  background:linear-gradient(120deg, color-mix(in srgb, var(--k) 13%, var(--card)), var(--card)); border:1px solid var(--hair); margin-bottom:22px; }
.sr-bt { display:block; font-size:22px; font-weight:800; line-height:1.25; margin:4px 0 6px; }
.sr-btn { display:inline-flex; align-items:center; height:38px; padding:0 18px; border-radius:999px; background:var(--k); color:#fff; font-weight:800; font-size:14px; margin-top:10px; align-self:flex-start; }
html[data-theme="dark"] .sr-btn { color:#111; }
.sr-sec { display:flex; align-items:center; gap:10px; margin:22px 0 8px; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); }
.sr-sec::after { content:""; flex:1; height:1px; background:var(--hair); }
.sr-list { display:grid; gap:2px; }
.sr-item { display:grid; grid-template-columns:200px minmax(0, 1fr); gap:18px; padding:12px; border-radius:14px; color:var(--text); text-decoration:none; }
.sr-item:hover { background:var(--card); box-shadow:0 0 0 1px var(--hair); }
.sr-th { position:relative; display:block; aspect-ratio:16/9; border-radius:10px; overflow:hidden; background:color-mix(in srgb, var(--k) 14%, var(--card)); }
.sr-th img { width:100%; height:100%; object-fit:cover; display:block; }
.sr-th .sr-ic { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--k); }
.sr-pl { position:absolute; inset:0; margin:auto; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.22); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; }
.sr-pl svg { width:16px; height:16px; fill:#fff; margin-left:2px; }
.sr-tx { min-width:0; display:flex; flex-direction:column; gap:4px; }
.sr-m { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; font-size:12.5px; color:var(--text-muted); }
.sr-k { font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:3px 7px; border-radius:6px; background:color-mix(in srgb, var(--text) 8%, transparent); }
.sr-k--video { background:var(--k); color:#fff; } html[data-theme="dark"] .sr-k--video { color:#111; }
.sr-cat { color:var(--k); font-weight:700; }
.sr-v { display:inline-flex; align-items:center; gap:4px; } .sr-v svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; }
.sr-where { font-size:11px; font-weight:700; padding:2px 7px; border-radius:6px; background:color-mix(in srgb, var(--text) 7%, transparent); }
.sr-t { font-size:18px; font-weight:800; line-height:1.3; }
.sr-item:hover .sr-t { color:var(--k); }
.sr-snip { font-size:14.5px; line-height:1.55; color:var(--text-muted); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sr-more { display:flex; justify-content:center; margin-top:18px; }
.sr-more a { display:inline-flex; align-items:center; height:44px; padding:0 24px; border-radius:999px; border:1px solid var(--hair); background:var(--card); color:var(--text); font-weight:700; text-decoration:none; }
.sr-more a:hover { border-color:var(--k); color:var(--k); }
@media (max-width: 700px) {
  .sr-best { grid-template-columns:1fr; gap:12px; }
  .sr-item { grid-template-columns:118px minmax(0, 1fr); gap:12px; padding:10px 0; }
  .sr-t { font-size:15.5px; } .sr-snip { font-size:13.5px; -webkit-line-clamp:2; }
  .sr-sort { margin-left:0; }
  .sr-box { height:50px; } .sr-box input { font-size:16px; }
}
/* resimsiz sonuclar: buyuk bos kutu yerine kucuk ikon */
.sr-item:has(.sr-ic) { grid-template-columns:52px minmax(0, 1fr); gap:14px; }
.sr-item:has(.sr-ic) .sr-th { aspect-ratio:1; border-radius:12px; background:color-mix(in srgb, var(--k) 11%, transparent); }
.sq-v:has(.sq-ic) { grid-template-columns:40px minmax(0, 1fr); }
.sq-v:has(.sq-ic) .sq-th { aspect-ratio:1; border-radius:10px; background:color-mix(in srgb, var(--k) 11%, transparent); }
.sq-ic { color:var(--k); opacity:1; }
@media (max-width: 700px) { .sr-item:has(.sr-ic) { grid-template-columns:44px minmax(0, 1fr); } }
@media (max-width: 700px) { .sr-filters { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin-right:-16px; padding-right:16px; } .sr-filters label { flex:none; } }
/* panel govdeye eklenir, konumu JS ile verilir */
.sq-panel.sq-float { position:fixed; transform:none; z-index:1000; display:flex; flex-direction:column; }
.sq-panel.sq-float[hidden] { display:none; }
.sq-float .sq-body { max-height:none; min-height:0; flex:1; overflow:hidden; }
.sq-float .sq-col, .sq-float .sq-side { overflow:auto; }
.sq-float > .sq-empty, .sq-float > .sq-dym { flex:none; }
html.sq-on .header { z-index:72; }
.sq-backdrop { z-index:70; }

/* ==========================================================================
   Mobil ust kisim (B): sol ana menu · arama ("Ara" dugmeli) · gece modu · sag ust menu
   ========================================================================== */
@media (max-width: 1080px) {
  .hx3__mid .wrap { gap:8px; padding-left:12px; padding-right:12px; }
  .hx3 .brand { display:none; }
  .hx3 .hx3__search { display:flex; flex:1 1 auto; min-width:0; max-width:none; margin:0; height:44px; padding-left:11px; gap:7px; }
  .hx3 .hx3__search input { font-size:15px; }
  .hx3 .hx3__search button { padding:0 13px; }
  .hx3__search-btn { display:none !important; }
  .hx3__tools { gap:4px; }
  .hx3 .theme-btn { display:inline-flex !important; width:38px; border-color:transparent !important; }
  .hx3 .hx3__more { display:inline-flex; background:var(--hx-menu-btn, var(--hx3-search-btn, var(--p))); border-color:var(--hx-menu-btn, var(--hx3-search-btn, var(--p))); color:#fff; }
  .hx3 .hx3__more svg { width:22px; height:22px; }
  html.hx-no-search .hx3 .hx3__search-btn { display:inline-flex !important; }
}
@media (max-width: 360px) { .hx3 .hx3__search button { display:none; } .hx3 .theme-btn { width:34px; } }

/* Menuler · stil 2: acik zemin, ikonlar kutuda */
.drawer--s2 .drawer__head { border-bottom:1px solid var(--hair); }
.drawer--s2 .drawer__title { font-size:17px; font-weight:800; text-transform:none; letter-spacing:0; }
.drawer--s2 .drawer__head .icon-btn { border:1px solid var(--hair); border-radius:10px; }
.drawer--s2 .drawer__body { padding:8px 10px 28px; gap:14px; }
.drawer--s2 h2 { margin:10px 8px 2px; font-size:11.5px; }
.drawer--s2 .dlist > li { border-bottom:0; }
.drawer--s2 .dlist a, .drawer--s2 .dlist summary { min-height:52px; padding:7px 8px; border-radius:12px; font-size:15.5px; }
.drawer--s2 .dlist a:hover, .drawer--s2 .dlist summary:hover { background:color-mix(in srgb, var(--p) 6%, transparent); }
.drawer--s2 .dl-ic { width:38px; height:38px; border-radius:11px; }
.drawer--s2 .dl-ic--sm { width:38px; height:38px; }
html[data-theme="dark"] .drawer--s2 .dl-ic { background:color-mix(in srgb, var(--pt-dark, #4CC79D) 12%, transparent); color:var(--pt-dark, #4CC79D); }
.drawer--s2 .dlist a[aria-current] { background:color-mix(in srgb, var(--p) 10%, transparent); }
.drawer--s2 .dlist--icons a[aria-current] .dl-ic, .drawer--s2 .dlist--icons details[open] > summary .dl-ic { background:var(--p); color:var(--hx3-icon, #F6D58A); }
.drawer--s2 .dlist summary::after { content:""; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin:0 6px 4px auto; opacity:.5; transition:transform .2s; }
.drawer--s2 .dlist details[open] > summary::after { content:""; transform:rotate(-135deg); margin-bottom:-4px; }
.drawer--s2 .dlist--icons .sub { margin:2px 0 8px 27px; padding-left:16px; border-left:2px solid var(--hair); }
.drawer--s2 .dlist .sub a { min-height:40px; font-size:14.5px; font-weight:600; }
.drawer--s2 .dl-ext { width:16px; height:16px; margin-left:auto; opacity:.5; flex:none; }
.drawer--s2 .dcta { display:flex; align-items:center; justify-content:center; gap:8px; height:48px; margin:6px 8px 0; border-radius:12px; background:var(--a); color:var(--on-a, #3B2F12); font-weight:800; text-decoration:none; }
.drawer--s2 .dsocial { padding:0 8px; }
.drawer--s2 .dsocial .tb__soc { border:1px solid var(--hair); border-radius:10px; }
.drawer--s2.drawer--left { border-right:1px solid var(--hair); }
.drawer--s2.drawer--right { border-left:1px solid var(--hair); }
@media (max-width: 1080px) { html[data-theme="dark"] .hx3 .hx3__search { border-color:color-mix(in srgb, var(--text) 18%, transparent); } }
/* Arama dugmesi: masaustunde "Ara" yazisi, mobilde buyutec ikonu */
.hx3__search button { display:inline-flex; align-items:center; justify-content:center; }
.hx3__bi { display:none; }
@media (max-width: 1080px) {
  .hx3 .hx3__bt { display:none; }
  .hx3 .hx3__bi { display:block; }
  .hx3 .hx3__search > svg { display:none; }
  .hx3 .hx3__search { padding-left:13px; }
  .hx3 .hx3__search button { width:46px; padding:0 !important; }
  .topbar .tb__social { display:none; }
}
@media (max-width: 360px) { .hx3 .hx3__search button { display:inline-flex; } }
/* Mobilde en ustteki serit tamamen gizli (menusu sagdaki menude, sosyal medya orada) */
@media (max-width: 1080px) { .topbar { display:none !important; } }

/* ==========================================================================
   Iletisim sayfasi (tasarim A)
   ========================================================================== */
.ct { padding-top:18px; padding-bottom:44px; --hn:#9C4A6E; }
html[data-theme="dark"] .ct { --hn:#E5A3C1; }
.ct h1, .ct h2 { letter-spacing:-.02em; }
.ct-hero { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:34px; align-items:center; margin-top:12px; border-radius:22px; padding:42px 46px; color:#fff;
  background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--p) 75%, #fff 10%) 0%, transparent 55%), linear-gradient(135deg, var(--p-deep), var(--p)); }
html[data-theme="dark"] .ct-hero { background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--p) 60%, transparent) 0%, transparent 55%), linear-gradient(135deg, color-mix(in srgb, var(--p-deep) 70%, #000), var(--p-deep)); }
.ct-hero--one { grid-template-columns:1fr; }
.ct-kick { display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#F6D58A; }
.ct-hero h1 { font-size:clamp(24px, 3vw, 34px); line-height:1.2; margin:12px 0 10px; color:#fff; }
.ct-hero p { font-size:17px; line-height:1.55; opacity:.9; margin:0; }
.ct-prog { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.ct-prog li { display:flex; align-items:center; gap:14px; padding:11px 14px; border-radius:14px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); }
.ct-prog li.is-hanim { background:rgba(246,213,138,.16); border-color:rgba(246,213,138,.45); }
.ct-pd { flex:none; width:100px; display:flex; flex-direction:column; line-height:1.25; }
.ct-pd b { color:#F6D58A; font-size:15.5px; } .ct-pd small { opacity:.85; font-size:13px; }
.ct-pt { min-width:0; display:flex; flex-direction:column; line-height:1.3; border-left:1px solid rgba(255,255,255,.22); padding-left:14px; }
.ct-pt b { font-size:15.5px; } .ct-pt small { opacity:.82; font-size:12.5px; }
.ct-photos { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:12px; margin:16px 0 24px; }
.ct-photos--2 { grid-template-columns:1fr 1fr; } .ct-photos--1 { grid-template-columns:1fr; }
.ct-ph { display:block; border-radius:16px; overflow:hidden; height:220px; background:var(--band); }
.ct-ph img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.ct-ph:hover img { transform:scale(1.03); }
.ct-hanim { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:18px; align-items:center; padding:20px 24px; border-radius:20px; margin:0 0 24px;
  background:color-mix(in srgb, var(--hn) 9%, var(--card)); border:1px solid color-mix(in srgb, var(--hn) 32%, transparent); }
.ct-hic { width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:#9C4A6E; color:#fff; }
.ct-htag { display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--hn); margin-bottom:3px; }
.ct-hanim h2 { margin:0 0 4px; font-size:21px; }
.ct-hanim p { margin:0; color:var(--text-muted); line-height:1.5; }
.ct-hclock { display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px 18px; border-radius:14px; background:var(--card); border:1px solid var(--hair); font-size:22px; font-weight:800; color:var(--hn); }
.ct-hclock b { font-size:12px; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; }
.ct-two { display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr); gap:20px; align-items:start; }
.ct-two--one { grid-template-columns:1fr; }
.ct-card { background:var(--card); border:1px solid var(--hair); border-radius:20px; padding:26px; scroll-margin-top:90px; }
.ct-card h2 { font-size:22px; margin:0; }
.ct-mu { color:var(--text-muted); margin:6px 0 16px; display:block; }
.ct-form { display:flex; flex-direction:column; gap:12px; }
.ct-form small.ct-mu { margin:0; font-size:13px; }
.ct-r2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ct-form label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; color:var(--text-muted); }
.ct-form input, .ct-form select, .ct-form textarea { font:inherit; font-size:15px; font-weight:400; color:var(--text); background:var(--bg); border:1.5px solid var(--hair); border-radius:12px; padding:12px 14px; width:100%; box-sizing:border-box; }
.ct-form input:focus, .ct-form select:focus, .ct-form textarea:focus { outline:0; border-color:var(--p-text); }
.ct-form textarea { resize:vertical; min-height:120px; }
.ct-form button { align-self:flex-start; display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 26px; border:0; border-radius:12px; background:var(--p); color:#fff; font:inherit; font-weight:800; font-size:15.5px; cursor:pointer; }
.ct-form button:hover { filter:brightness(1.08); }
.ct-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.ct-ok { padding:16px; border-radius:14px; background:color-mix(in srgb, var(--p) 12%, transparent); border:1px solid color-mix(in srgb, var(--p) 35%, transparent); line-height:1.5; }
.ct-err { padding:12px 14px; border-radius:12px; margin-bottom:12px; background:color-mix(in srgb, #B3261E 10%, transparent); border:1px solid color-mix(in srgb, #B3261E 35%, transparent); color:var(--text); font-size:14px; }
.ct-inf { display:flex; flex-direction:column; gap:2px; margin:14px 0; }
.ct-ir { display:flex; gap:14px; align-items:center; padding:9px 6px; border-radius:12px; color:var(--text); text-decoration:none; }
a.ct-ir[href]:hover { background:color-mix(in srgb, var(--p) 6%, transparent); }
.ct-ir small { display:block; font-size:12px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; }
.ct-ir b { font-size:16px; }
.ct-ic { flex:none; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--p) 12%, transparent); color:var(--p-text); }
.ct-acts { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.ct-acts a { display:inline-flex; align-items:center; gap:7px; height:42px; padding:0 15px; border-radius:999px; font-weight:700; font-size:14px; border:1px solid var(--hair); background:var(--card); color:var(--text); text-decoration:none; }
.ct-acts a:hover { border-color:var(--p-text); }
.ct-acts .ct-b1 { background:var(--p); color:#fff; border-color:var(--p); }
.ct-acts .ct-b2 { color:#128C4A; } html[data-theme="dark"] .ct-acts .ct-b2 { color:#4ED48A; }
.ct-map { border-radius:16px; overflow:hidden; border:1px solid var(--hair); height:280px; background:var(--band); }
.ct-map iframe { width:100%; height:100%; border:0; display:block; }
html[data-theme="dark"] .ct-map iframe { filter:invert(.9) hue-rotate(180deg) brightness(.95) contrast(.9); }
@media (max-width: 860px) {
  .ct-hero { grid-template-columns:1fr; gap:20px; padding:26px 20px; border-radius:18px; }
  .ct-hero p { font-size:15.5px; }
  .ct-photos { grid-template-columns:1fr 1fr; gap:8px; } .ct-photos .ct-ph:first-child { grid-column:span 2; } .ct-ph { height:150px; }
  .ct-photos--1 .ct-ph:first-child { grid-column:auto; }
  .ct-hanim { grid-template-columns:auto minmax(0, 1fr); padding:18px; }
  .ct-hclock { grid-column:span 2; flex-direction:row; gap:8px; justify-content:center; font-size:18px; }
  .ct-two, .ct-r2 { grid-template-columns:1fr; }
  .ct-card { padding:20px; }
  .ct-pd { width:86px; }
}

/* ==========================================================================
   Kitaplar sayfasi: raf, 3B kitaplar, PDF / baski dugmeleri
   ========================================================================== */
.kb { padding-top:18px; padding-bottom:50px; }
.kb-head { margin:14px 0 22px; max-width:760px; }
.kb-tag { display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:999px; background:color-mix(in srgb, var(--p) 12%, transparent); color:var(--p-text); font-size:12.5px; font-weight:800; letter-spacing:.04em; }
.kb-head h1 { margin:10px 0 8px; font-size:clamp(28px, 4vw, 40px); letter-spacing:-.02em; }
.kb-head p { margin:0; color:var(--text-muted); font-size:17px; line-height:1.6; }
.kb-note { display:flex; gap:16px; align-items:flex-start; padding:20px 22px; border-radius:18px; margin:0 0 30px; background:color-mix(in srgb, var(--a) 12%, var(--card)); border:1px solid color-mix(in srgb, var(--a) 40%, transparent); }
.kb-note__ic { flex:none; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--a); color:var(--on-a, #3B2F12); }
.kb-note h2 { margin:0 0 6px; font-size:18px; }
.kb-note p { margin:0; line-height:1.6; color:var(--text); opacity:.85; }
.kb-shelf { --cols:4; display:grid; grid-template-columns:repeat(var(--cols), minmax(0, 1fr)); gap:44px 26px; padding:6px 0 0; }
@media (min-width: 1440px) { .kb-shelf { --cols:5; } }
@media (max-width: 900px) { .kb-shelf { --cols:3; } }
@media (max-width: 600px) { .kb-shelf { --cols:2; gap:34px 16px; } }
.kb-item { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; }
/* raf tahtasi: her kitabin altinda (.kb-book::after) */
.kb-book { display:block; width:100%; max-width:200px; perspective:1100px; padding:6px 0 0; position:relative; z-index:1; }
.kb-book::after { content:""; display:block; height:16px; margin:0 -14px; border-radius:3px; background:linear-gradient(#b98a5a, #8a5f37); box-shadow:0 10px 18px -8px rgba(0,0,0,.45), inset 0 2px 0 rgba(255,255,255,.25); }
html[data-theme="dark"] .kb-book::after { background:linear-gradient(#6b4b2f, #4a321f); }
.kb-3d { position:relative; display:block; aspect-ratio:250/388; transform-origin:left center; transform:rotateY(-18deg); transform-style:preserve-3d; transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s;
  border-radius:2px 6px 6px 2px; overflow:hidden; background:#fff;
  box-shadow:1px 1px 0 #e9e6df, 2px 2px 0 #d9d5cc, 3px 3px 0 #e9e6df, 4px 4px 0 #d3cfc5, 5px 5px 0 #e4e0d8, 14px 16px 22px -6px rgba(0,0,0,.35); }
.kb-3d img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
/* cilt sirti kivrimi ve kenar cizgisi: beyaz kapaklar da kitap gibi gorunsun */
.kb-3d::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit;
  background:linear-gradient(90deg, rgba(0,0,0,.28) 0, rgba(0,0,0,.06) 3%, rgba(255,255,255,.35) 4.5%, rgba(0,0,0,.08) 6.5%, transparent 10%); box-shadow:inset 0 0 0 1px rgba(0,0,0,.12); }
.kb-gloss { position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.22) 50%, transparent 62%); opacity:0; transition:opacity .45s; }
.kb-fallback { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:22% 12% 12%; background:linear-gradient(160deg, var(--p), var(--p-deep)); color:#fff; text-align:center; }
.kb-fallback b { font-size:17px; line-height:1.25; } .kb-fallback small { font-size:10px; letter-spacing:.12em; text-transform:uppercase; opacity:.75; }
.kb-book:hover .kb-3d, .kb-book:focus-visible .kb-3d, .kb-item:hover .kb-3d { transform:rotateY(0deg) translateY(-8px); box-shadow:1px 1px 0 #e9e6df, 2px 2px 0 #d9d5cc, 3px 3px 0 #e9e6df, 22px 26px 30px -8px rgba(0,0,0,.4); }
.kb-item:hover .kb-gloss { opacity:1; }
@media (prefers-reduced-motion: reduce) { .kb-3d { transition:none; } }
.kb-no { margin-top:12px; font-size:11.5px; font-weight:800; letter-spacing:.1em; color:var(--text-muted); }
.kb-t { margin:2px 0 0; font-size:16px; line-height:1.3; font-weight:800; }
.kb-d { margin:4px 0 0; font-size:13.5px; color:var(--text-muted); line-height:1.45; }
.kb-btns { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:10px; }
.kb-btns { width:100%; }
.kb-btns a { white-space:nowrap; }
.kb-btns a { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 12px; border-radius:999px; font-size:13px; font-weight:700; text-decoration:none; border:1px solid var(--hair); background:var(--card); color:var(--text); transition:background .15s, border-color .15s, color .15s; }
.kb-btns .kb-b1 { background:var(--p); border-color:var(--p); color:#fff; }
.kb-btns .kb-b1:hover { filter:brightness(1.1); }
.kb-btns .kb-b2:hover { border-color:var(--p-text); color:var(--p-text); }
@media (max-width: 600px) {
  .kb-head p { font-size:15.5px; }
  .kb-book { max-width:150px; }
  .kb-3d { transform:rotateY(-12deg); }
  .kb-btns { flex-direction:column; align-items:stretch; width:100%; }
  .kb-btns a { justify-content:center; height:38px; }
  .kb-note { padding:16px; }
}

/* ==========================================================================
   Galeriler: kare izgara, goruntuleyici (lb) ve anma sayfasi
   ========================================================================== */
.gal { padding-top:18px; padding-bottom:44px; }
.gal-h { margin:12px 0 22px; }
.gal-k { font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--p-text); }
.gal-h h1 { margin:6px 0 4px; font-size:clamp(28px, 4vw, 40px); letter-spacing:-.02em; }
.gal-h p { margin:0; color:var(--text-muted); }
.gal-tabs { display:flex; gap:6px; margin-top:16px; overflow-x:auto; scrollbar-width:none; }
.gal-tabs a { flex:none; height:36px; display:inline-flex; align-items:center; padding:0 15px; border-radius:999px; border:1px solid var(--hair); background:var(--card); color:var(--text); font-weight:700; font-size:14px; text-decoration:none; }
.gal-tabs a[aria-current] { background:var(--text); color:var(--bg); border-color:var(--text); }
.gal-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:8px; }
.gal-it { position:relative; display:block; aspect-ratio:1; overflow:hidden; border-radius:6px; background:var(--band); }
.gal-it img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.gal-it:hover img { transform:scale(1.05); }
.gal-zm { position:absolute; right:10px; bottom:10px; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.25); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.5); color:#fff; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .2s; }
.gal-it:hover .gal-zm, .gal-it:focus-visible .gal-zm { opacity:1; }
@media (max-width: 700px) { .gal-grid { grid-template-columns:repeat(3, 1fr); gap:3px; margin:0 -16px; } .gal-it { border-radius:0; } }
/* goruntuleyici */
.lb { position:fixed; inset:0; z-index:300; background:#0b0d0c; color:#eee; display:flex; flex-direction:column; }
.lb[hidden] { display:none; }
html.lb-lock, html.lb-lock body { overflow:hidden; }
.lb-top { display:flex; align-items:center; gap:12px; padding:12px 14px; font-size:14px; }
.lb-n { opacity:.8; min-width:70px; } .lb-t { flex:1; text-align:center; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lb-btn { width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); color:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; text-decoration:none; }
.lb-btn:hover { background:rgba(255,255,255,.18); }
.lb-btn svg { width:20px; height:20px; }
.lb-main { flex:1; min-height:0; position:relative; display:flex; align-items:center; justify-content:center; padding:0 70px; touch-action:none; overflow:hidden; }
.lb-main img { max-width:100%; max-height:100%; object-fit:contain; border-radius:4px; box-shadow:0 20px 60px rgba(0,0,0,.6); user-select:none; -webkit-user-drag:none; transition:opacity .15s; transform-origin:center center; will-change:transform; touch-action:none; }
.lb.lb-zoomed .lb-main img { cursor:grab; border-radius:0; box-shadow:none; } .lb.lb-zoomed .lb-main img:active { cursor:grabbing; }
.lb.lb-zoomed .lb-prev, .lb.lb-zoomed .lb-next { opacity:.35; }
.lb-main img.is-loading { opacity:.3; }
.lb-prev, .lb-next { position:absolute; top:50%; margin-top:-26px; width:52px; height:52px; }
.lb-prev { left:12px; } .lb-next { right:12px; }
.lb-strip { display:flex; gap:6px; padding:10px 12px 14px; overflow-x:auto; scrollbar-width:none; justify-content:safe center; }
.lb-strip button { flex:none; width:64px; height:48px; padding:0; border:0; border-radius:5px; overflow:hidden; opacity:.45; cursor:pointer; background:#222; }
.lb-strip button.on { opacity:1; outline:2px solid #fff; outline-offset:1px; }
.lb-strip img { width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width: 700px) { .lb-main { padding:0; } .lb-prev, .lb-next { display:none; } .lb-strip button { width:52px; height:40px; } }
/* anma (Onden Gidenler) */
.anm-h { text-align:center; max-width:760px; margin:20px auto 34px; }
.anm-ar { font-family:Amiri, serif; font-size:30px; color:var(--p-text); line-height:1.6; }
.anm-h h1 { margin:6px 0 12px; font-size:clamp(28px, 4vw, 40px); }
.anm-h p { color:var(--text-muted); line-height:1.75; margin:0; }
.anm-fat { display:inline-flex; align-items:center; margin-top:16px; height:40px; padding:0 18px; border-radius:999px; background:color-mix(in srgb, var(--a) 18%, transparent); color:var(--text); font-weight:700; }
.anm { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:24px; max-width:1100px; margin:0 auto; }
.anm figure { margin:0; text-align:center; }
.anm-fr { padding:10px; border-radius:999px 999px 18px 18px; background:var(--card); border:1px solid var(--hair); box-shadow:0 10px 30px rgba(0,0,0,.06); }
.anm-fr img { width:100%; aspect-ratio:280/330; object-fit:cover; display:block; border-radius:999px 999px 12px 12px; filter:grayscale(1) contrast(.95); background:var(--band); }
.anm figcaption { margin-top:12px; }
.anm b { display:block; font-size:17px; }
.anm small { color:var(--text-muted); font-size:13.5px; }
@media (max-width: 700px) { .anm { grid-template-columns:repeat(2, 1fr); gap:14px; } .anm-fr { padding:6px; } .anm b { font-size:15px; } .anm-ar { font-size:24px; } }
/* anma sayfasi galeri sekmeleriyle ayni duzende */
.gal--anma .anm-h { margin:6px auto 30px; padding:24px 20px; border-radius:18px; background:var(--card); border:1px solid var(--hair); max-width:none; }
.gal--anma .anm-h p { max-width:760px; margin:6px auto 0; }

/* ==========================================================================
   Duyurular sayfasi (tasarim A)
   ========================================================================== */
.ann { padding-top:18px; padding-bottom:44px; --hn:#9C4A6E; }
html[data-theme="dark"] .ann { --hn:#E5A3C1; }
.ann-h { margin:12px 0 22px; max-width:780px; }
.ann-k { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--p-text); }
.ann-h h1 { margin:8px 0 6px; font-size:clamp(26px, 4vw, 38px); letter-spacing:-.02em; }
.ann-h p { margin:0; color:var(--text-muted); font-size:17px; line-height:1.55; }
.ann-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; align-items:start; }
.ann-grid--1 { grid-template-columns:minmax(0, 1fr); } .ann-grid--3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.ann-pc { background:var(--card); border:1px solid var(--hair); border-radius:20px; overflow:hidden; }
.ann-pch { padding:24px 22px 18px; color:#fff; background:linear-gradient(135deg, var(--p-deep), var(--p)); }
html[data-theme="dark"] .ann-pch { background:linear-gradient(135deg, color-mix(in srgb, var(--p-deep) 70%, #000), var(--p-deep)); }
.ann-pc--hanim .ann-pch { background:linear-gradient(135deg, #6E2E4B, #9C4A6E); }
html[data-theme="dark"] .ann-pc--hanim .ann-pch { background:linear-gradient(135deg, #4a1f33, #6E2E4B); }
.ann-tag { font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#F6D58A; }
.ann-pch h2 { margin:6px 0 14px; font-size:23px; color:#fff; line-height:1.25; }
.ann-facts { display:flex; flex-wrap:wrap; gap:8px; }
.ann-facts span { display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:0 12px; border-radius:999px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.22); font-size:13.5px; }
.ann-acc { padding:4px 22px 8px; }
.ann-acc details + details { border-top:1px solid var(--hair); }
.ann-acc summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:15px 2px; font-weight:700; cursor:pointer; }
.ann-acc summary::-webkit-details-marker { display:none; }
.ann-chv { flex:none; opacity:.55; transition:transform .2s; }
.ann-acc details[open] .ann-chv { transform:rotate(180deg); }
.ann-acc summary:hover { color:var(--p-text); }
.ann-pc--hanim .ann-acc summary:hover { color:var(--hn); }
.ann-acc p { margin:0 0 15px; color:var(--text-muted); line-height:1.65; }
.ann-ph { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:12px; margin-top:22px; }
.ann-ph--2 { grid-template-columns:1fr 1fr; } .ann-ph--1 { grid-template-columns:1fr; }
.ann-ph a { display:block; border-radius:14px; overflow:hidden; height:220px; background:var(--band); }
.ann-ph img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.ann-ph a:hover img { transform:scale(1.04); }
@media (max-width: 860px) {
  .ann-grid, .ann-grid--3 { grid-template-columns:minmax(0, 1fr); }
  .ann-h p { font-size:15.5px; }
  .ann-ph { grid-template-columns:1fr 1fr; } .ann-ph a:first-child { grid-column:span 2; } .ann-ph a { height:140px; }
  .ann-ph--1 a:first-child { grid-column:auto; }
}

/* ==========================================================================
   Hakkimizda (tasarim C)
   ========================================================================== */
.ab { padding-top:18px; padding-bottom:44px; }
.ab-h { text-align:center; max-width:840px; margin:20px auto 30px; }
.ab-h h1 { font-size:clamp(30px, 4vw, 44px); margin:0 0 12px; letter-spacing:-.02em; }
.ab-q { font-family:Georgia, 'Times New Roman', serif; font-size:clamp(20px, 2.6vw, 26px); font-weight:600; line-height:1.4; color:var(--p-text); margin:0 0 8px; }
.ab-sq { color:var(--text-muted); font-size:15.5px; margin:0; }
.ab-cards { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; margin-bottom:22px; }
.ab-cards--2 { grid-template-columns:repeat(2, minmax(0, 1fr)); } .ab-cards--1 { grid-template-columns:minmax(0, 1fr); }
.ab-c { padding:26px; border-radius:20px; background:var(--card); border:1px solid var(--hair); display:flex; flex-direction:column; }
.ab-c h2 { margin:6px 0 8px; font-size:21px; }
.ab-t { color:var(--text-muted); line-height:1.7; margin:0 0 14px; flex:1; font-size:15.5px; }
.ab-c > a { color:var(--p-text); font-weight:700; text-decoration:none; }
.ab-c > a:hover { text-decoration:underline; }
.ab-i { width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--p) 12%, transparent); color:var(--p-text); margin-bottom:6px; flex:none; }
.ab-ph { display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:10px; margin-bottom:26px; }
.ab-ph--3 { grid-template-columns:1.6fr 1fr 1fr; } .ab-ph--2 { grid-template-columns:1fr 1fr; } .ab-ph--1 { grid-template-columns:1fr; }
.ab-ph a { display:block; height:200px; border-radius:14px; overflow:hidden; background:var(--band); }
.ab-ph img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.ab-ph a:hover img { transform:scale(1.04); }
.ab-v { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; margin:0 0 30px; }
.ab-v--3 { grid-template-columns:repeat(3, minmax(0, 1fr)); } .ab-v--2 { grid-template-columns:repeat(2, minmax(0, 1fr)); } .ab-v--1 { grid-template-columns:minmax(0, 1fr); }
.ab-v > div { display:flex; flex-direction:column; gap:4px; padding:20px; border-radius:18px; background:var(--card); border:1px solid var(--hair); }
.ab-v b { font-size:16px; } .ab-v small { color:var(--text-muted); font-size:13.5px; }
.ab-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 32px; border-radius:20px; background:color-mix(in srgb, var(--a) 14%, var(--card)); border:1px solid color-mix(in srgb, var(--a) 40%, transparent); }
.ab-cta h2 { margin:0 0 6px; font-size:22px; } .ab-cta p { margin:0; color:var(--text-muted); }
.ab-cb { display:flex; gap:8px; flex:none; flex-wrap:wrap; }
.ab-cb a { height:44px; display:inline-flex; align-items:center; padding:0 18px; border-radius:999px; font-weight:700; text-decoration:none; }
.ab-b1 { background:var(--p); color:#fff; } .ab-b1:hover { filter:brightness(1.1); }
.ab-b2 { border:1px solid var(--hair); background:var(--card); color:var(--text); } .ab-b2:hover { border-color:var(--p-text); }
@media (max-width: 860px) {
  .ab-cards, .ab-cards--2 { grid-template-columns:minmax(0, 1fr); }
  .ab-ph, .ab-ph--3 { grid-template-columns:1fr 1fr; } .ab-ph a { height:130px; }
  .ab-v, .ab-v--3 { grid-template-columns:1fr 1fr; }
  .ab-cta { flex-direction:column; align-items:flex-start; padding:22px; }
}

/* ---------- Son eklenen (acilir satir; alt kategorili kategori ve bolum sayfalari) ---------- */
.sxe { border:2px solid var(--line); background:var(--card); margin:0 0 22px; }
.sxe > summary { list-style:none; display:flex; align-items:center; gap:14px; padding:0 14px; min-height:52px; cursor:pointer; }
.sxe > summary::-webkit-details-marker { display:none; }
.sxe__lbl { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; color:var(--p-text); white-space:nowrap; }
.sxe__lbl::before { content:""; width:8px; height:8px; background:var(--a); border-radius:50%; box-shadow:0 0 0 3px color-mix(in srgb, var(--a) 30%, transparent); }
.sxe__nw { flex:1; min-width:0; display:flex; gap:10px; align-items:center; }
.sxe__nw b { font-size:15px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.sxe__dt { color:var(--text-muted); font-weight:600; font-size:12.5px; white-space:nowrap; }
.sxe__wh { color:var(--p-text); font-weight:800; font-size:11.5px; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap; }
.sxe__tg { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:800; color:var(--text-muted); white-space:nowrap; }
.sxe__tg svg { transition:transform .2s; }
.sxe[open] .sxe__tg svg { transform:rotate(180deg); }
.sxe > summary:hover .sxe__tg { color:var(--text); }
.sxe ol { list-style:none; margin:0; padding:0 14px 6px; border-top:1px solid var(--hair); counter-reset:sxe; }
.sxe li a { display:grid; grid-template-columns:24px minmax(0,1fr) auto auto; gap:12px; align-items:center; padding:9px 0; border-bottom:1px solid var(--hair); font-size:14.5px; color:var(--text); text-decoration:none; }
.sxe li:last-child a { border-bottom:0; }
.sxe li a::before { counter-increment:sxe; content:counter(sxe); font-weight:900; color:var(--p-text); font-size:13px; }
.sxe__t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sxe li a:hover .sxe__t { color:var(--p-text); }
@media (max-width:760px) {
  .sxe > summary { padding:0 12px; gap:10px; }
  .sxe__nw .sxe__dt, .sxe__tg > span { display:none; }
  .sxe__lbl { font-size:11px; }
  .sxe li a { grid-template-columns:20px minmax(0,1fr); }
  .sxe li a .sxe__wh, .sxe li a .sxe__dt, .sxe li a > span:empty { display:none; }
  .sxe li:nth-child(4) { display:none; }
  .sxe li:nth-child(3) a { border-bottom:0; }
}

/* ---------- Konular sayfasi (konu kartlari) ---------- */
.tk-hero { padding:28px 0 26px; border-bottom:2px solid var(--line); }
.tk-hero .crumbs { padding:0 0 14px; }
.tk-hero h1 { margin:0; font-size:clamp(36px, 5vw, 56px); font-weight:900; letter-spacing:-.04em; line-height:1; }
.tk-hero p { margin:12px 0 0; color:var(--text-muted); max-width:62ch; font-size:16px; }
.tk-st { display:flex; gap:28px; margin-top:16px; }
.tk-st span { font-size:14px; color:var(--text-muted); font-weight:600; }
.tk-st b { display:block; font-size:26px; font-weight:900; color:var(--text); letter-spacing:-.02em; line-height:1.1; }
.tk { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; padding:30px 0 64px; align-items:start; }
.tk__c { background:var(--card); border:2px solid var(--line); display:flex; flex-direction:column; align-self:stretch; }
.tk__c a { text-decoration:none; color:var(--text); }
.tk__h { display:flex; gap:14px; align-items:center; padding:18px 18px 14px; }
.tk__ic { width:52px; height:52px; background:var(--p); color:#fff; display:grid; place-items:center; flex:0 0 auto; }
.tk__c:nth-child(3n+2) .tk__ic { background:var(--a); color:var(--on-a); }
.tk__c:nth-child(3n+3) .tk__ic { background:var(--ink); color:#fff; }
html[data-theme="dark"] .tk__c:nth-child(3n+3) .tk__ic { background:#ECEEEA; color:var(--g-dark); }
.tk__h b { display:block; font-size:23px; font-weight:900; letter-spacing:-.02em; line-height:1.1; }
.tk__h small { font-size:13.5px; font-weight:700; color:var(--text-muted); }
.tk__h:hover b { color:var(--p-text); }
.tk__chips { display:flex; flex-wrap:wrap; gap:6px; padding:0 18px 16px; }
.tk__chips a { font-size:13px; font-weight:700; border:1px solid var(--hair); padding:5px 9px; display:inline-flex; gap:6px; }
.tk__chips a i { font-style:normal; color:var(--p-text); font-weight:900; }
.tk__chips a:hover { border-color:var(--p); color:var(--p-text); }
.tk__more { display:contents; }
.tk__more > summary { list-style:none; cursor:pointer; font-size:13px; font-weight:700; border:1px dashed var(--hair); padding:5px 9px; color:var(--text-muted); }
.tk__more > summary::-webkit-details-marker { display:none; }
.tk__more > summary:hover { border-color:var(--p); color:var(--p-text); }
.tk__more[open] > summary { display:none; }
.tk__chips--in { display:contents; }
.tk__new { margin-top:auto; border-top:1px solid var(--hair); padding:12px 18px 14px; }
.tk__lbl { display:block; color:var(--p-text); font-weight:800; font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:2px; }
.tk__new a { display:block; font-size:14.5px; font-weight:600; padding:3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tk__new a:hover { color:var(--p-text); }
.tk__go { display:flex; justify-content:space-between; padding:12px 18px; border-top:2px solid var(--line); font-weight:800; font-size:14px; }
.tk__c:not(:has(.tk__new)) .tk__go { margin-top:auto; }
.tk__go:hover { background:var(--p); color:#fff !important; }
@media (max-width:1000px) { .tk { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:640px) { .tk { grid-template-columns:minmax(0, 1fr); } .tk-st { gap:18px; } }

/* ---------- Ust adres satiri: butun sayfalarda yazi sayfasindaki kutulu tarz ---------- */
.crumbs.pcrumbs { padding:9px 14px; color:var(--text-muted); }
.crumbs.pcrumbs span:not(.sr) { color:var(--text-muted); }
.hz .crumbs.pcrumbs { margin-top:18px; padding:9px 14px; }
.tk-hero .crumbs.pcrumbs { margin:0 0 16px; padding:9px 14px; }
@media (max-width: 700px) {
  .hz .crumbs.pcrumbs { margin-top:12px; font-size:13px; }
}

/* ---------- YouTube'da henuz yayinlanmamis (planlanmis) video kapagi ---------- */
.ytph { position:absolute; inset:0; z-index:1; container-type:inline-size; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:5%;
  text-align:center; color:#fff; background:radial-gradient(120% 90% at 50% 0%, #2a2223 0%, #0f0b0c 70%); overflow:hidden; }
.ytph__lg { font-size:clamp(7px, 2.6cqw, 15px); font-weight:900; letter-spacing:.2em; text-transform:uppercase; color:var(--a); }
.ytph__t { font-size:clamp(11px, 6cqw, 38px); font-weight:900; letter-spacing:-.02em; line-height:1.12; max-width:88%;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ytph__ck { display:inline-flex; align-items:center; gap:.5em; font-size:clamp(9px, 2.4cqw, 14px); font-weight:700; color:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.25); padding:.6em 1em; border-radius:99px; }
.ytph__ck svg { width:1.1em; height:1.1em; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; }
@container (max-width: 240px) { .ytph__lg, .ytph__ck span { display:none; } .ytph__ck { padding:.4em; border-radius:50%; } .ytph { gap:4px; } }
@container (max-width: 130px) { .ytph__ck { display:none; } }
.yt--soon .play { display:none; }

/* ---------- Guvenlik kodu (rakamli resim) ---------- */
.fm-cap { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:10px 0; }
.fm-cap img { border:1px solid var(--hair); border-radius:6px; background:#f1f1ee; height:48px; width:auto; }
.fm-cap__re { width:40px; height:40px; border:1px solid var(--hair); background:var(--card); color:var(--text); border-radius:6px; font-size:18px; cursor:pointer; }
.fm-cap input { width:150px; min-height:40px; padding:6px 10px; border:1px solid var(--hair); border-radius:6px; background:var(--card); color:var(--text); font:inherit; letter-spacing:.15em; }