/* ==========================================================
   Zephyron — ortak stil
   Renk paleti, arşivlenen Astra teması ayarlarından alınmıştır:
   #DCA54A / #D09A40 / #FFFFFF / #FAF5E5 / #1B1B1B / #0E0D06 /
   #2E2D2A / #141006 / #222222
   ========================================================== */
:root{
  --bg:#0E0D06;          /* sayfa zemini */
  --bg2:#141006;         /* ikinci zemin */
  --card:#17140c;        /* kart */
  --card2:#211c11;       /* iç kart */
  --cizgi:#2E2D2A;       /* kenarlık */
  --tx:#FAF5E5;          /* gövde metni (krem) */
  --baslik:#FFFFFF;      /* başlık */
  --mut:#a99d84;         /* ikincil metin */
  --ac:#DCA54A;          /* vurgu — altın */
  --ac2:#D09A40;         /* vurgu (koyu) */
}
*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif}
body{
  background:
    radial-gradient(1200px 620px at 50% -6%, #241d0f 0%, transparent 62%),
    radial-gradient(900px 500px at 92% 108%, #1d1809 0%, transparent 60%),
    var(--bg);
  background-attachment:fixed;
  color:var(--tx); min-height:100vh;
  display:flex; flex-direction:column;
}
img{max-width:100%}
a{color:var(--ac)}
h1,h2,h3{color:var(--baslik)}

/* --- ince ışık dokusu --- */
.gok{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bulut{
  position:absolute;border-radius:50%;
  background:radial-gradient(closest-side, var(--ac) 0%, #8a6a2a22 55%, transparent 78%);
  filter:blur(60px);opacity:.055;
}
.b1{width:52vw;height:26vh;left:-14vw;top:-8vh}
.b2{width:46vw;height:22vh;right:-12vw;bottom:-6vh;left:auto}

/* --- üst menü --- */
.ust{
  position:sticky;top:0;z-index:20;
  background:#0e0d06e8;backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cizgi);
}
.ust-ic{max-width:1140px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.marka{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--tx);margin-right:auto}
.marka img{height:28px}
.marka span{font-size:.92rem;letter-spacing:.26em;font-weight:700;color:var(--tx)}
.menu{display:flex;gap:22px;flex-wrap:wrap}
.menu a{
  color:var(--mut);text-decoration:none;font-size:.86rem;font-weight:600;
  letter-spacing:.03em;padding:4px 0;border-bottom:2px solid transparent;
}
.menu a:hover{color:var(--tx)}
.menu a.aktif{color:var(--tx);border-bottom-color:var(--ac)}
.menu a.dil{
  margin-left:6px;padding:3px 9px;border:1px solid var(--cizgi);border-radius:4px;
  font-size:.72rem;letter-spacing:.12em;color:var(--ac);
}
.menu a.dil:hover{background:#241c0c;color:var(--tx);border-color:#4a3a18}

/* --- sayfa iskeleti --- */
main{position:relative;z-index:1;flex:1;width:100%;max-width:1140px;margin:0 auto;padding:36px 20px 56px}
.sayfa-ust{margin-bottom:28px}
.etiket{
  display:inline-block;background:#241c0c;color:var(--ac);
  border:1px solid #4a3a18;border-radius:3px;padding:4px 12px;
  font-size:.66rem;font-weight:800;letter-spacing:.18em;margin-bottom:14px;
}
h1{font-size:2.1rem;font-weight:800;line-height:1.2;letter-spacing:-.01em}
h2.blk{
  font-size:1.15rem;font-weight:800;margin:42px 0 10px;letter-spacing:.01em;
  padding-left:14px;border-left:3px solid var(--ac);
}
.blk-alt{color:var(--mut);font-size:.9rem;line-height:1.7;margin-bottom:18px;max-width:84ch}
p.metin{color:var(--tx);font-size:.94rem;line-height:1.85;margin-bottom:14px;max-width:84ch;opacity:.88}
p.metin b,p.metin strong{color:var(--baslik);opacity:1}

/* --- kartlar --- */
.kart{background:var(--card);border:1px solid var(--cizgi);border-radius:8px;padding:22px}
.izgara{display:grid;gap:14px}
.i2{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.i3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.kart h3{font-size:1rem;font-weight:800;margin-bottom:10px}
.kart .no{
  color:var(--ac);font-size:.64rem;font-weight:800;letter-spacing:.2em;
  margin-bottom:8px;display:block;
}
.kart ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.kart li{color:var(--tx);opacity:.85;font-size:.875rem;line-height:1.6;padding-left:16px;position:relative}
.kart li::before{content:"—";position:absolute;left:0;color:var(--ac);font-weight:700;opacity:.8}
.kart li b{color:var(--baslik);opacity:1}

/* --- render çerçevesi: saydam PNG'ler koyu zemin üzerinde --- */
.gorsel{
  position:relative;border-radius:8px;padding:20px 16px;
  background:radial-gradient(62% 58% at 50% 42%, #2a2313 0%, #191509 58%, transparent 80%);
  display:flex;align-items:center;justify-content:center;
}
.gorsel::after{
  content:"";position:absolute;left:14%;right:14%;bottom:11%;height:16px;
  background:radial-gradient(closest-side, #d0a45a40 0%, transparent 72%);
  filter:blur(7px);pointer-events:none;
}
.gorsel img{width:100%;display:block;position:relative;z-index:1;filter:drop-shadow(0 14px 26px #000c)}

.foto{border-radius:8px;overflow:hidden;border:1px solid var(--cizgi)}
.foto img{width:100%;display:block}

/* --- buton --- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ac);color:#1a1305;border-radius:4px;padding:11px 20px;
  font-size:.88rem;font-weight:800;letter-spacing:.02em;text-decoration:none;
  transition:background .15s ease,transform .15s ease;
}
.btn:hover{background:var(--ac2);transform:translateY(-1px)}
.btn.ikincil{background:transparent;color:var(--ac);border:1px solid #4a3a18}
.btn.ikincil:hover{background:#241c0c}

/* --- alt bilgi --- */
footer{position:relative;z-index:1;border-top:1px solid var(--cizgi);background:#0b0a04cc}
.alt-ic{
  max-width:1140px;margin:0 auto;padding:26px 20px;
  display:flex;gap:26px;flex-wrap:wrap;justify-content:space-between;
  color:var(--mut);font-size:.82rem;line-height:1.8;
}
.alt-ic a{color:var(--mut);text-decoration:none}
.alt-ic a:hover{color:var(--tx)}
.alt-baslik{color:var(--tx);font-weight:800;font-size:.72rem;margin-bottom:8px;letter-spacing:.18em}

@media (max-width:760px){
  h1{font-size:1.62rem}
  .ust-ic{gap:12px}
  .menu{gap:16px;width:100%}
  .menu a{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){ .btn{transition:none} }