:root{--navy:#0e2240;--navy2:#14304f;--navyd:#0a1a31;--gold:#c8a24b;--golds:#d8bd7e;--cream:#f7f5f0;--ink:#1a2433;--muted:#5b6473;--line:rgba(14,34,64,.12);--serif:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);line-height:1.75;background:#fff;font-weight:400}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;letter-spacing:.01em}
.wrap{max-width:1100px;margin:0 auto;padding:0 28px}
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:78px}
.nav.scrolled{box-shadow:0 10px 30px -18px rgba(10,26,49,.5)}
.topbar{background:var(--navyd);color:rgba(255,255,255,.78);font-size:.78rem;letter-spacing:.03em}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:40px}
.topbar a{color:rgba(255,255,255,.78)}
.topbar a:hover{color:var(--gold)}
.topbar .tb-left span{margin-right:1.4rem;white-space:nowrap}
.lang{display:flex;align-items:center;gap:.35rem;font-weight:600}
.lang button{background:none;border:none;color:rgba(255,255,255,.6);font:inherit;cursor:pointer;letter-spacing:.06em;padding:.2rem .3rem}
.lang button.active{color:var(--gold)}
.lang span{color:rgba(255,255,255,.3)}
@media(max-width:760px){.topbar .tb-left span:not(.tb-keep){display:none}}
@media(max-width:560px){
  .topbar .wrap{height:auto;flex-wrap:wrap;justify-content:center;row-gap:3px;padding:5px 0}
  .topbar .tb-left{width:100%;text-align:center;margin:0}
  .topbar .tb-left span{margin-right:0}
  .lang{width:100%;justify-content:center;flex-wrap:wrap;gap:.15rem}
  .lang button{padding:.2rem .3rem}
}
.menu{display:flex;align-items:center;gap:1.8rem;list-style:none;margin:0;padding:0}
.menu>li>a{font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);padding:.4rem 0;position:relative;display:inline-block}
.menu>li>a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--gold);transition:.3s}
.menu>li>a:hover::after{width:100%}
.menu li.has{position:relative}
.dropdown{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(10px);background:var(--navy);width:540px;padding:1rem;opacity:0;visibility:hidden;transition:.28s;box-shadow:0 18px 50px -22px rgba(10,26,49,.45);border-top:3px solid var(--gold);display:grid;grid-template-columns:1fr 1fr;gap:.1rem .8rem}
.menu li.has:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown a{display:block;padding:.5rem .8rem;color:rgba(255,255,255,.82);font-size:.8rem;border-left:2px solid transparent;transition:.2s}
.dropdown a:hover{background:var(--navy2);color:#fff;border-left-color:var(--gold);padding-left:1.1rem}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{width:26px;height:2px;background:var(--navy);transition:.3s}
@media(max-width:1100px){.menu{display:none}.burger{display:flex}}
.drawer{position:fixed;inset:0 0 0 auto;width:min(360px,86vw);background:var(--navy);z-index:90;transform:translateX(100%);transition:.35s cubic-bezier(.4,0,.2,1);padding:88px 30px 40px;overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer a{display:block;color:rgba(255,255,255,.85);font-size:1rem;font-weight:500;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.1);letter-spacing:.03em}
.drawer a:hover{color:var(--gold)}
.drawer-close{position:absolute;top:24px;right:26px;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;line-height:1}
.overlay{position:fixed;inset:0;background:rgba(10,26,49,.55);z-index:80;opacity:0;visibility:hidden;transition:.3s}
.overlay.open{opacity:1;visibility:visible}
.brand{display:flex;flex-direction:column;align-items:center;gap:.22rem;line-height:1}
.brand .mark{width:40px;height:40px}
.brand .name{display:block;font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--navy);line-height:1}
.brand .logo-word{font-size:1.45rem;font-weight:600;letter-spacing:.34em;color:var(--navy);line-height:1;text-indent:.34em}
.brand .logo-line{width:100%;height:1.5px;background:var(--navy)}
.brand .logo-sub{font-size:.6rem;font-weight:600;letter-spacing:.42em;color:var(--navy);line-height:1;text-indent:.42em}
.brand .sub{display:block;font-size:.55rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:.2rem}
.back{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);transition:.2s}
.back:hover{color:var(--gold)}
.hero{background:linear-gradient(120deg,var(--navyd),var(--navy) 60%,var(--navy2));color:#fff;padding:30px 0 26px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(200,162,75,.16),transparent 45%);pointer-events:none}
.hero .wrap{position:relative;max-width:820px}
.hero--img{padding:0;display:block}
.hero--img svg{display:block;width:100%;height:clamp(70px,10vw,120px)}
.art-cat{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff;background:var(--navy);padding:.4rem .85rem;margin-bottom:1rem}
article.body h1{font-family:var(--serif);font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--navy);line-height:1.2;margin:.1rem 0 .7rem}
.art-meta{font-size:.9rem;color:var(--muted);margin:0 0 2rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}
.art-meta b{color:var(--navy2);font-weight:600}
.hero .cat{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navyd);background:var(--gold);padding:.4rem .8rem;margin-bottom:1.2rem}
.hero h1{font-size:clamp(1.9rem,4vw,2.9rem);color:#fff;margin-bottom:1.1rem}
.hero .meta{font-size:.9rem;color:rgba(255,255,255,.7);font-weight:300}
.hero .meta b{color:var(--golds);font-weight:500}
article.body{max-width:820px;margin:0 auto;padding:38px 28px 22px}
article.body .lead{font-size:1.18rem;font-weight:300;color:var(--navy2);font-family:var(--serif);font-style:italic;border-left:3px solid var(--gold);padding-left:1.2rem;margin-bottom:2.2rem;line-height:1.5}
article.body h2{font-size:1.6rem;color:var(--navy);margin:1.7rem 0 .8rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}
article.body h3{font-size:1.25rem;color:var(--navy);margin:1.6rem 0 .6rem}
article.body p{margin-bottom:1.05rem;text-align:justify}
article.body ul,article.body ol{margin:0 0 1.1rem 1.3rem}
article.body li{margin-bottom:.4rem;text-align:justify}
article.body .lead{text-align:left}
article.body strong{font-weight:600;color:var(--navy)}
.law{background:var(--cream);border-left:3px solid var(--gold);padding:1rem 1.3rem;margin:1.3rem 0;font-size:.95rem;font-style:italic;color:var(--navy2)}
.callout{background:#fdf6e6;border:1px solid var(--gold);padding:1.1rem 1.3rem;margin:1.4rem 0;font-size:.95rem}
.callout b{color:var(--navy)}
table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.92rem}
th,td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left}
th{background:var(--navy);color:#fff;font-weight:500}
.refs{background:var(--cream);padding:1.4rem 1.6rem;margin-top:2.2rem}
.refs h3{margin-top:0}
.refs ol{margin-left:1.2rem}
.refs li{font-size:.88rem;color:var(--muted);margin-bottom:.4rem}
.refs a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.disclaimer{font-size:.82rem;color:var(--muted);font-style:italic;margin-top:1.8rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.tags span{font-size:.72rem;font-weight:600;color:var(--navy);background:var(--cream);border:1px solid var(--line);padding:.35rem .8rem;border-radius:20px}
.cta{background:var(--navy);color:#fff;margin-top:30px}
.cta .wrap{padding:34px 28px;text-align:center}
.cta h3{font-size:1.7rem;color:#fff;margin-bottom:.5rem}
.cta p{color:rgba(255,255,255,.72);font-weight:300;margin-bottom:1.4rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.9rem 1.7rem;border:1px solid var(--gold);background:var(--gold);color:var(--navy);transition:.3s}
.btn:hover{background:transparent;color:#fff}
footer{background:#191b1e;color:rgba(255,255,255,.66);padding:54px 0 0;font-weight:300}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);align-items:start}
.fcol-legal{text-align:right}
.fbrand{text-align:center}
.fbrand ul{display:inline-block;text-align:center}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:.7rem;font-size:.9rem;line-height:1.6}
footer a{transition:.2s}
footer a:hover{color:var(--gold)}
.fbar{display:flex;justify-content:center;align-items:center;text-align:center;padding:22px 0;font-size:.82rem;color:rgba(255,255,255,.55)}
@media(max-width:760px){.fgrid{grid-template-columns:1fr;gap:22px;text-align:center}.fcol-legal,.fbrand ul{text-align:center}}
@media(max-width:600px){article.body{padding:38px 22px}}

/* ---- i18n: dinamik makale gövdesi (makale.php) ---- */
html[lang="tr"] [data-en]{display:none}
html[lang="en"] [data-tr]{display:none}
html[lang="ar"] [data-en],html[lang="ru"] [data-en],html[lang="fr"] [data-en],html[lang="de"] [data-en],html[lang="zh"] [data-en]{display:none}

/* Diller sticky üst şerit + altında sticky nav (mobil) */
@media(max-width:700px){
  .topbar{position:sticky;top:0;z-index:51}
  .topbar .wrap{height:36px;min-height:36px;padding:0;justify-content:center;flex-wrap:nowrap;row-gap:0}
  .topbar .tb-left{display:none}
  .lang{width:auto;justify-content:center;flex-wrap:nowrap;gap:.1rem}
  .lang button{padding:.15rem .26rem;min-height:36px}
  header.nav{top:36px}
}