/* =========================================================
   Takiyüddin Web Sitesi — Ortak Stiller
   Tasarım sistemi: Osmanlı minyatürü + gece gökyüzü + pirinç
   ========================================================= */

/* --- 1. CSS Değişkenleri ----------------------------------- */
:root {
  /* Renk paleti — claude.md'den */
  --gece:        #0e1733;
  --gece-koyu:   #070b1c;
  --gece-derin:  #03050f;
  --pirinc:      #c8a44d;
  --pirinc-acik: #e7cd86;
  --pirinc-koyu: #8c6f2c;
  --parsomen:    #f3e9d2;
  --parsomen-koyu:#d8c79e;
  --mercan:      #b5532e;
  --gokyuzu:     #e8eaf2;
  --gokyuzu-mat: #a8aec4;

  /* Tipografi */
  --font-baslik: "Quicksand", -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, Arial, sans-serif;
  --font-govde:  "Nunito", -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-vurgu:  "Great Vibes", cursive;

  /* Boşluk skalası */
  --bos-1: 0.25rem;
  --bos-2: 0.5rem;
  --bos-3: 0.75rem;
  --bos-4: 1rem;
  --bos-5: 1.5rem;
  --bos-6: 2rem;
  --bos-7: 3rem;
  --bos-8: 4.5rem;
  --bos-9: 6.5rem;

  /* Yapı */
  --max-genislik: 1180px;
  --okuma-genislik: 68ch;
  --kose-yumusak: 4px;
  --kose-kart: 10px;

  /* Gölge & çerçeve */
  --cizgi-altin: 1px solid rgba(200, 164, 77, 0.35);
  --cizgi-altin-yumusak: 1px solid rgba(200, 164, 77, 0.18);
  --golge-kart: 0 10px 30px -12px rgba(0, 0, 0, 0.6);
  --golge-yumusak: 0 4px 18px -6px rgba(0, 0, 0, 0.4);

  /* Hareket */
  --gecis: 280ms cubic-bezier(0.4, 0, 0.2, 1);
  --gecis-yavas: 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- 2. Reset & temel ------------------------------------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font-govde);
  font-size: 17px;
  line-height: 1.65;
  color: var(--gokyuzu);
  background: var(--gece-derin);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

img, svg { max-width: 100%; display: block; }

a {
  color: var(--pirinc-acik);
  text-decoration: none;
  transition: color var(--gecis);
}
a:hover { color: var(--parsomen); }

::selection {
  background: var(--pirinc);
  color: var(--gece-koyu);
}

/* Odak göstergesi — erişilebilirlik */
:focus-visible {
  outline: 2px solid var(--pirinc-acik);
  outline-offset: 3px;
  border-radius: 2px;
}

/* --- 3. Tipografi ----------------------------------------- */
h1, h2, h3, h4 {
  font-family: var(--font-baslik);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--parsomen);
  line-height: 1.15;
  margin: 0 0 var(--bos-4);
}

h1 {
  font-size: clamp(2.4rem, 5.5vw, 4.4rem);
  font-weight: 500;
  letter-spacing: -0.01em;
}
h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
}
h3 {
  font-size: clamp(1.3rem, 2.2vw, 1.55rem);
}

p { margin: 0 0 var(--bos-4); }

.metin-vurgu {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
}

.kucuk-baslik {
  font-family: var(--font-govde);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
  margin-bottom: var(--bos-3);
}

/* --- 4. Yardımcı kapsayıcı -------------------------------- */
.kapsayici {
  width: 100%;
  max-width: var(--max-genislik);
  margin-inline: auto;
  padding-inline: var(--bos-5);
}

.bolum {
  padding-block: var(--bos-8);
}

.altin-cizgi {
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(200, 164, 77, 0.6),
    transparent
  );
  border: 0;
  margin-block: var(--bos-6);
}

/* --- 5. Site başlığı / nav -------------------------------- */
.site-bas {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(7, 11, 28, 0.72);
  border-bottom: var(--cizgi-altin-yumusak);
}

.site-bas__ic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bos-5);
  padding-block: var(--bos-3);
}

.marka {
  display: flex;
  align-items: center;
  gap: var(--bos-3);
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  color: var(--parsomen);
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: color .25s ease;
}
.marka:hover { color: var(--pirinc-acik); }
.marka:hover .marka__sembol { transform: rotate(15deg); }

.marka__sembol {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(231, 205, 134, 0.10), rgba(14, 23, 51, 0) 65%);
  padding: 2px;
  box-shadow:
    0 0 0 1px rgba(200, 164, 77, 0.35),
    0 2px 10px rgba(0, 0, 0, 0.35),
    inset 0 0 12px rgba(200, 164, 77, 0.08);
  color: var(--pirinc);
  transition: transform .6s cubic-bezier(.4,.0,.2,1), box-shadow .25s ease;
}
.marka__sembol:hover,
.marka:hover .marka__sembol {
  box-shadow:
    0 0 0 1px rgba(231, 205, 134, 0.55),
    0 2px 16px rgba(231, 205, 134, 0.20),
    inset 0 0 14px rgba(231, 205, 134, 0.12);
}

.marka__isim {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.marka__isim small {
  font-family: var(--font-govde);
  font-size: 0.65rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--pirinc);
  margin-top: 2px;
}

.site-nav ul {
  display: flex;
  gap: var(--bos-5);
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-nav a {
  color: var(--gokyuzu-mat);
  font-size: 0.93rem;
  letter-spacing: 0.02em;
  padding-block: var(--bos-2);
  position: relative;
}

.site-nav a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 1px;
  background: var(--pirinc);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--gecis);
}

.site-nav a:hover,
.site-nav a[aria-current="page"] {
  color: var(--parsomen);
}
.site-nav a:hover::after,
.site-nav a[aria-current="page"]::after {
  transform: scaleX(1);
}

/* Mobil menü düğmesi */
.nav-toggle {
  display: none;
  background: transparent;
  border: var(--cizgi-altin);
  color: var(--pirinc-acik);
  width: 42px;
  height: 42px;
  border-radius: var(--kose-yumusak);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

@media (max-width: 860px) {
  .nav-toggle { display: inline-flex; }
  .site-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(3, 5, 15, 0.96);
    backdrop-filter: blur(20px);
    border-bottom: var(--cizgi-altin-yumusak);
    transform: translateY(-12px);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--gecis), transform var(--gecis);
  }
  .site-nav[data-acik="true"] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .site-nav ul {
    flex-direction: column;
    gap: 0;
    padding: var(--bos-3) var(--bos-5);
  }
  .site-nav li {
    border-bottom: var(--cizgi-altin-yumusak);
  }
  .site-nav li:last-child { border-bottom: 0; }
  .site-nav a {
    display: block;
    padding-block: var(--bos-4);
  }
}

/* --- 6. Hero (anasayfa) ----------------------------------- */
.hero {
  position: relative;
  min-height: clamp(560px, 92vh, 880px);
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 35%, rgba(30, 45, 90, 0.55), transparent 65%),
    linear-gradient(to bottom, var(--gece-derin) 0%, var(--gece-koyu) 60%, var(--gece-derin) 100%);
  isolation: isolate;
}

/* Astrolab katmanı — hero arkasında */
.hero__astrolab {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 0;
  pointer-events: none;
  will-change: transform;
}
.hero__astrolab svg {
  width: min(140vmin, 1100px);
  height: auto;
  opacity: 0.22;
  filter: drop-shadow(0 0 28px rgba(200, 164, 77, 0.18));
}

/* Yıldız alanı katmanı */
.yildiz-alani {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

/* Hero içerik */
.hero__ic {
  position: relative;
  z-index: 2;
  text-align: center;
  padding-inline: var(--bos-5);
  max-width: 880px;
}

.hero h1 {
  font-weight: 500;
  margin-bottom: var(--bos-5);
}
.hero h1 .vurgu {
  color: var(--pirinc-acik);
  font-style: italic;
}

.hero__ozet {
  font-size: clamp(1.05rem, 1.4vw, 1.2rem);
  color: var(--gokyuzu-mat);
  max-width: 620px;
  margin-inline: auto;
  margin-bottom: var(--bos-6);
}

.hero__yillar {
  font-family: var(--font-vurgu);
  letter-spacing: 0.32em;
  font-size: 0.85rem;
  text-transform: uppercase;
  color: var(--pirinc);
  margin-bottom: var(--bos-4);
}

.hero__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--bos-3);
  padding: var(--bos-3) var(--bos-5);
  border: 1px solid var(--pirinc);
  color: var(--parsomen);
  border-radius: 999px;
  font-size: 0.92rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: background var(--gecis), color var(--gecis), transform var(--gecis);
}
.hero__cta:hover {
  background: var(--pirinc);
  color: var(--gece-koyu);
  transform: translateY(-2px);
}
.hero__cta .ok { transition: transform var(--gecis); }
.hero__cta:hover .ok { transform: translateX(4px); }

/* Kaydırma ipucu */
.hero__kaydir {
  position: absolute;
  bottom: var(--bos-5);
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--bos-2);
  z-index: 2;
}
.hero__kaydir::after {
  content: "";
  width: 1px;
  height: 38px;
  background: linear-gradient(to bottom, var(--pirinc), transparent);
  animation: kaydir-isigi 2.4s ease-in-out infinite;
}
@keyframes kaydir-isigi {
  0%, 100% { opacity: 0.3; transform: scaleY(0.6); }
  50%      { opacity: 1;   transform: scaleY(1); }
}

/* --- 7. Astrolab dönüşü (rete katmanı) -------------------- */
@keyframes rete-don {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* SVG içindeki .rete grubu döner; transform-box: view-box ile
   transform-origin viewBox koordinat sistemine göre yorumlanır.
   Astrolab viewBox'ı 0 0 1000 1000; merkez (500, 500). */
.astrolab-svg .rete {
  transform-box: view-box;
  transform-origin: 500px 500px;
  animation: rete-don 96s linear infinite; /* ~1,5 dakikada bir tur — bakınca fark edilir */
}

.astrolab-svg .alidade {
  transform-box: view-box;
  transform-origin: 500px 500px;
  animation: rete-don 150s linear infinite reverse; /* ters yönde, karşıt akış hissi */
}

/* Reduced motion — durdur */
@media (prefers-reduced-motion: reduce) {
  .astrolab-svg .rete,
  .astrolab-svg .alidade {
    animation: none;
  }
  .hero__kaydir::after { animation: none; }
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

/* --- 8. Bölüm kartları (anasayfa) ------------------------- */
.tanitim {
  background: linear-gradient(to bottom, var(--gece-derin), var(--gece-koyu));
  position: relative;
}
.tanitim__metin {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
}
.tanitim__metin p {
  font-size: 1.08rem;
  color: var(--gokyuzu-mat);
}

.kart-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--bos-5);
  margin-top: var(--bos-7);
}

.kart {
  display: flex;
  flex-direction: column;
  background: linear-gradient(160deg,
    rgba(14, 23, 51, 0.85),
    rgba(7, 11, 28, 0.9));
  border: var(--cizgi-altin-yumusak);
  border-radius: var(--kose-kart);
  padding: var(--bos-6) var(--bos-5);
  text-decoration: none;
  color: inherit;
  position: relative;
  overflow: hidden;
  transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis);
}
.kart::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 80% 0%,
    rgba(200, 164, 77, 0.18), transparent 60%);
  opacity: 0;
  transition: opacity var(--gecis);
  pointer-events: none;
}
.kart:hover {
  transform: translateY(-4px);
  border-color: rgba(200, 164, 77, 0.55);
  box-shadow: var(--golge-kart);
}
.kart:hover::before { opacity: 1; }

.kart__numara {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1rem;
  color: var(--pirinc);
  margin-bottom: var(--bos-3);
  letter-spacing: 0.18em;
}

.kart h3 {
  margin-bottom: var(--bos-3);
  color: var(--parsomen);
}

.kart p {
  font-size: 0.95rem;
  color: var(--gokyuzu-mat);
  margin-bottom: var(--bos-4);
  flex-grow: 1;
}

.kart__git {
  font-size: 0.8rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc-acik);
  display: inline-flex;
  align-items: center;
  gap: var(--bos-2);
}
.kart__git .ok { transition: transform var(--gecis); }
.kart:hover .kart__git .ok { transform: translateX(4px); }

/* --- 9. Genel sayfa başlığı (anasayfa dışında) ------------ */
.sayfa-bas {
  padding-block: var(--bos-9) var(--bos-7);
  text-align: center;
  position: relative;
  background:
    radial-gradient(ellipse at top, rgba(30, 45, 90, 0.5), transparent 70%),
    var(--gece-derin);
  border-bottom: var(--cizgi-altin-yumusak);
}
.sayfa-bas h1 {
  margin-bottom: var(--bos-3);
}
.sayfa-bas__altyazi {
  color: var(--gokyuzu-mat);
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 1.15rem;
}

.taslak-not {
  max-width: 640px;
  margin: var(--bos-7) auto;
  padding: var(--bos-5);
  border: 1px dashed rgba(200, 164, 77, 0.35);
  border-radius: var(--kose-kart);
  text-align: center;
  color: var(--gokyuzu-mat);
  font-size: 0.95rem;
  background: rgba(14, 23, 51, 0.4);
}
.taslak-not strong {
  color: var(--pirinc-acik);
  font-family: var(--font-baslik);
  font-weight: 500;
  letter-spacing: 0.04em;
}

/* --- 10. Footer ------------------------------------------- */
.site-alt {
  margin-top: var(--bos-9);
  padding-block: var(--bos-7) var(--bos-5);
  background: var(--gece-derin);
  border-top: var(--cizgi-altin-yumusak);
  color: var(--gokyuzu-mat);
  font-size: 0.88rem;
}

.site-alt__ic {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: var(--bos-7);
}

@media (max-width: 720px) {
  .site-alt__ic {
    grid-template-columns: 1fr;
    gap: var(--bos-5);
  }
}

.site-alt h4 {
  font-family: var(--font-govde);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
  margin-bottom: var(--bos-4);
}

.site-alt ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--bos-2);
}

.site-alt__telif {
  margin-top: var(--bos-6);
  padding-top: var(--bos-4);
  border-top: var(--cizgi-altin-yumusak);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--bos-3);
  font-size: 0.78rem;
  color: var(--gokyuzu-mat);
  opacity: 0.8;
}

.site-alt__marka {
  display: flex;
  align-items: center;
  gap: var(--bos-3);
  font-family: var(--font-baslik);
  font-size: 1.15rem;
  color: var(--parsomen);
  margin-bottom: var(--bos-3);
}

.kaynak-notu {
  font-size: 0.78rem;
  font-style: italic;
  color: var(--gokyuzu-mat);
  opacity: 0.85;
  line-height: 1.5;
}

/* --- 11. Hayat rotası grafiği (Hayatı sayfası girişi) ---- */
.rota {
  max-width: 820px;
  margin: var(--bos-6) auto var(--bos-8);
  padding: var(--bos-5);
}
.rota__icerik { width: 100%; height: auto; }
.rota__sehir-isim {
  font-family: var(--font-baslik);
  font-size: 16px;
  fill: var(--parsomen);
  letter-spacing: 0.04em;
}
.rota__sehir-yil {
  font-family: var(--font-govde);
  font-size: 11px;
  fill: var(--gokyuzu-mat);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* --- 12. Zaman çizelgesi (Hayatı sayfası) ---------------- */
.zaman-bolum {
  padding-block: var(--bos-6) var(--bos-8);
}

.zaman {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1020px;
  position: relative;
}

/* Merkez omurga */
.zaman::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 50%;
  width: 1px;
  background: linear-gradient(to bottom,
    transparent 0%,
    rgba(200, 164, 77, 0.5) 5%,
    rgba(200, 164, 77, 0.5) 95%,
    transparent 100%);
  z-index: 0;
}

.zaman__durak {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 80px;
  padding-block: var(--bos-3) var(--bos-5);
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 700ms cubic-bezier(0.4, 0, 0.2, 1),
              transform 700ms cubic-bezier(0.4, 0, 0.2, 1);
}

.zaman__durak:nth-child(odd)  { transform: translateY(36px) translateX(-18px); }
.zaman__durak:nth-child(even) { transform: translateY(36px) translateX(18px); }
.zaman__durak.gorunur          { opacity: 1; transform: translate(0, 0); }

/* Omurga üzerindeki nokta */
.zaman__nokta {
  position: absolute;
  left: 50%;
  top: 22px;
  width: 16px;
  height: 16px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: var(--gece-derin);
  border: 1.5px solid var(--pirinc);
  box-shadow: 0 0 0 6px var(--gece-derin), 0 0 14px rgba(231, 205, 134, 0.45);
  z-index: 2;
}

/* Omurga üzerindeki yıl etiketi */
.zaman__yil {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 0.95rem;
  color: var(--pirinc-acik);
  letter-spacing: 0.05em;
  white-space: nowrap;
  background: var(--gece-derin);
  padding: 4px 10px;
  border-radius: 999px;
  z-index: 2;
}

/* Kart */
.zaman__icerik {
  background: rgba(14, 23, 51, 0.55);
  border: 1px solid rgba(200, 164, 77, 0.2);
  border-radius: var(--kose-kart);
  padding: var(--bos-5);
  position: relative;
  backdrop-filter: blur(2px);
}
.zaman__durak:nth-child(odd) .zaman__icerik {
  grid-column: 1;
  margin-right: 40px;
}
.zaman__durak:nth-child(even) .zaman__icerik {
  grid-column: 2;
  margin-left: 40px;
}

/* Karttan omurgaya bakan oklar */
.zaman__icerik::before {
  content: "";
  position: absolute;
  top: 26px;
  width: 12px;
  height: 12px;
  background: rgba(14, 23, 51, 0.55);
  border: 1px solid rgba(200, 164, 77, 0.2);
  transform: rotate(45deg);
}
.zaman__durak:nth-child(odd) .zaman__icerik::before {
  right: -7px;
  border-left: 0;
  border-bottom: 0;
}
.zaman__durak:nth-child(even) .zaman__icerik::before {
  left: -7px;
  border-right: 0;
  border-top: 0;
}

.zaman__yer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
  margin-bottom: var(--bos-3);
}
.zaman__yer svg { width: 11px; height: 13px; }

.zaman__icerik h3 {
  margin: 0 0 var(--bos-3);
  font-size: 1.35rem;
}
.zaman__icerik p {
  font-size: 0.96rem;
  color: var(--gokyuzu-mat);
  margin: 0 0 var(--bos-3);
  line-height: 1.65;
}

.zaman__ac {
  background: transparent;
  border: 0;
  padding: 0;
  margin-top: var(--bos-2);
  font-family: var(--font-govde);
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pirinc-acik);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color var(--gecis);
}
.zaman__ac:hover { color: var(--parsomen); }
.zaman__ac .ok {
  transition: transform var(--gecis);
  display: inline-block;
}
.zaman__ac[aria-expanded="true"] .ok { transform: rotate(180deg); }

.zaman__detay {
  margin-top: var(--bos-4);
  padding-top: var(--bos-4);
  border-top: 1px solid rgba(200, 164, 77, 0.2);
  font-size: 0.92rem;
  color: var(--gokyuzu-mat);
  line-height: 1.7;
}
.zaman__detay p:last-child { margin-bottom: 0; }

/* Mobil: omurga sola çekilir, kartlar tek sütun */
@media (max-width: 760px) {
  .zaman::before { left: 20px; }
  .zaman__durak {
    grid-template-columns: 1fr;
    padding-left: 56px;
    padding-block: var(--bos-2) var(--bos-5);
    transform: translateY(24px) !important;
  }
  .zaman__durak.gorunur { transform: translate(0, 0) !important; }
  .zaman__nokta {
    left: 20px;
    top: 6px;
  }
  .zaman__yil {
    position: static;
    transform: none;
    display: inline-block;
    background: transparent;
    padding: 0;
    margin-bottom: var(--bos-3);
    font-size: 0.9rem;
  }
  .zaman__icerik,
  .zaman__durak:nth-child(odd) .zaman__icerik,
  .zaman__durak:nth-child(even) .zaman__icerik {
    grid-column: 1;
    margin: 0;
  }
  .zaman__icerik::before,
  .zaman__durak:nth-child(odd) .zaman__icerik::before,
  .zaman__durak:nth-child(even) .zaman__icerik::before {
    left: -7px;
    right: auto;
    top: 22px;
    border-right: 0;
    border-top: 0;
    border-left: 1px solid rgba(200, 164, 77, 0.2);
    border-bottom: 1px solid rgba(200, 164, 77, 0.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .zaman__durak,
  .zaman__durak:nth-child(odd),
  .zaman__durak:nth-child(even) {
    opacity: 1 !important;
    transform: none !important;
    transition: none;
  }
}

/* Sayfa giriş prose */
.zaman-giris {
  max-width: 720px;
  margin: 0 auto var(--bos-5);
  text-align: center;
  color: var(--gokyuzu-mat);
  font-size: 1.05rem;
}
.zaman-giris p { margin-bottom: var(--bos-3); }

/* Sonraki sayfa bağlantısı */
.sonraki {
  margin: var(--bos-9) auto var(--bos-6);
  max-width: 540px;
  text-align: center;
  padding: var(--bos-6) var(--bos-5);
  border: 1px solid rgba(200, 164, 77, 0.25);
  border-radius: var(--kose-kart);
  background: rgba(14, 23, 51, 0.4);
}
.sonraki p {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--gokyuzu-mat);
  margin-bottom: var(--bos-4);
}
.sonraki a {
  display: inline-flex;
  align-items: center;
  gap: var(--bos-3);
  padding: var(--bos-3) var(--bos-5);
  border: 1px solid var(--pirinc);
  color: var(--parsomen);
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: background var(--gecis), color var(--gecis);
}
.sonraki a:hover {
  background: var(--pirinc);
  color: var(--gece-koyu);
}

/* --- 13. Rasathane — Şehinşehname etkileşimli sahne ------- */
.sahne-bolum {
  padding-block: var(--bos-7);
}

.sahne-giris {
  max-width: 720px;
  margin: 0 auto var(--bos-6);
  text-align: center;
  color: var(--gokyuzu-mat);
}
.sahne-giris p { font-size: 1.05rem; }

.sahne {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
  border-radius: var(--kose-kart);
  overflow: hidden;
  border: 1px solid rgba(200, 164, 77, 0.35);
  box-shadow: 0 30px 70px -28px rgba(0, 0, 0, 0.8),
              0 0 0 1px rgba(200, 164, 77, 0.08);
  background: var(--gece-koyu);
}

.sahne__img {
  display: block;
  width: 100%;
  height: auto;
}

/* Etkin nokta (hotspot) */
.sahne__nokta {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(231, 205, 134, 0.92);
  border: 2px solid #fff3d6;
  cursor: pointer;
  transform: translate(-50%, -50%);
  z-index: 2;
  padding: 0;
  transition: background var(--gecis), transform var(--gecis);
}
.sahne__nokta:hover {
  background: var(--parsomen);
  transform: translate(-50%, -50%) scale(1.15);
}
.sahne__nokta[aria-pressed="true"] {
  background: var(--parsomen);
  box-shadow: 0 0 0 4px rgba(231, 205, 134, 0.35);
}

/* Nabız halkası */
.sahne__nokta::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 1.5px solid var(--pirinc-acik);
  opacity: 0.7;
  animation: sahne-nabiz 2.4s ease-out infinite;
}
.sahne__nokta[aria-pressed="true"]::before {
  animation: none;
  opacity: 0;
}

@keyframes sahne-nabiz {
  0%   { opacity: 0.9; transform: scale(0.6); }
  100% { opacity: 0;   transform: scale(2);   }
}

@media (prefers-reduced-motion: reduce) {
  .sahne__nokta::before { animation: none; opacity: 0.4; transform: scale(1); }
}

/* Nokta numarası (görsel rehber) */
.sahne__nokta__no {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 12px;
  font-weight: 500;
  color: var(--gece-koyu);
  pointer-events: none;
}

/* Panel grubu — sahnenin altında, aktif olana göre değişir */
.sahne-paneller {
  margin-top: var(--bos-6);
  max-width: 720px;
  margin-inline: auto;
  position: relative;
  min-height: 180px;
}

.sahne-panel {
  background: rgba(14, 23, 51, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.25);
  border-radius: var(--kose-kart);
  padding: var(--bos-5) var(--bos-6);
  transition: opacity 320ms ease;
}
.sahne-panel[hidden] { display: none; }

.sahne-panel__no {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  margin-bottom: var(--bos-2);
}
.sahne-panel h3 {
  margin: 0 0 var(--bos-3);
  font-size: 1.4rem;
}
.sahne-panel p {
  font-size: 0.96rem;
  color: var(--gokyuzu-mat);
  margin: 0 0 var(--bos-3);
  line-height: 1.7;
}
.sahne-panel p:last-child { margin-bottom: 0; }

.sahne-ipucu {
  text-align: center;
  color: var(--gokyuzu-mat);
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: var(--bos-5) auto 0;
  opacity: 0.7;
}

/* Rasathane sayfası — iki sütun bilgi blokları */
.rasathane-bilgi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--bos-5);
  margin-top: var(--bos-7);
}
.rasathane-bilgi article {
  background: rgba(14, 23, 51, 0.45);
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: var(--kose-kart);
  padding: var(--bos-5);
}
.rasathane-bilgi h3 {
  margin: 0 0 var(--bos-3);
  font-size: 1.2rem;
}
.rasathane-bilgi p {
  font-size: 0.94rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.7;
}
.rasathane-bilgi .alt-bilgi {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  margin-bottom: var(--bos-2);
  display: block;
}

/* Yıkım bölümü — daha vurgulu */
.yikim {
  margin-top: var(--bos-8);
  padding: var(--bos-6);
  border-left: 3px solid var(--mercan);
  background: linear-gradient(to right, rgba(181, 83, 46, 0.08), transparent);
  border-radius: 0 var(--kose-kart) var(--kose-kart) 0;
}
.yikim h3 {
  color: var(--mercan);
  font-style: italic;
  margin-bottom: var(--bos-3);
}
.yikim p {
  color: var(--gokyuzu-mat);
  margin-bottom: var(--bos-3);
}
.yikim p:last-child { margin-bottom: 0; }

/* --- 14. Aletleri sayfası ------------------------------- */
.aletler-giris {
  max-width: 760px;
  margin: 0 auto var(--bos-7);
  text-align: center;
  color: var(--gokyuzu-mat);
}
.aletler-giris p { font-size: 1.05rem; }

.aletler-galeri {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--bos-5);
  margin-top: var(--bos-6);
}

.alet-kart {
  background: linear-gradient(160deg,
    rgba(14, 23, 51, 0.7),
    rgba(7, 11, 28, 0.85));
  border: 1px solid rgba(200, 164, 77, 0.2);
  border-radius: var(--kose-kart);
  padding: var(--bos-5) var(--bos-5) var(--bos-4);
  text-align: center;
  transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis);
  position: relative;
  display: flex;
  flex-direction: column;
}
.alet-kart:hover,
.alet-kart:focus-within {
  transform: translateY(-4px);
  border-color: rgba(200, 164, 77, 0.55);
  box-shadow: var(--golge-kart);
}

.alet-kart__gorsel {
  height: 140px;
  display: grid;
  place-items: center;
  margin-bottom: var(--bos-4);
  position: relative;
}
.alet-kart__gorsel svg {
  max-width: 130px;
  max-height: 130px;
  width: auto;
  height: auto;
  color: var(--pirinc);
}

.alet-rozet {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: 0 auto var(--bos-3);
  border: 1px solid currentColor;
  background: rgba(0,0,0,0.2);
}
.alet-rozet--antik { color: var(--gokyuzu-mat); }
.alet-rozet--islam { color: var(--pirinc); }
.alet-rozet--icat {
  color: var(--mercan);
  background: rgba(181, 83, 46, 0.12);
}

.alet-kart h3 {
  margin: 0 0 var(--bos-1);
  font-size: 1.2rem;
}
.alet-kart .orijinal-ad {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc);
  font-size: 0.88rem;
  margin: 0 0 var(--bos-3);
}
.alet-kart__aciklama {
  font-size: 0.94rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.65;
  flex-grow: 1;
}

/* SVG döner animasyonu (sürekli yavaş, hover'da hızlanır) */
.alet-doner {
  transform-box: view-box;
  transform-origin: center;
  animation: alet-don 28s linear infinite;
}
.alet-kart:hover .alet-doner {
  animation-duration: 8s;
}

@keyframes alet-don {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Sallanan sarkaç (mekanik saat) */
.alet-sarkac {
  transform-box: view-box;
  transform-origin: 50px 30px;
  animation: alet-salla 2.2s ease-in-out infinite;
}
@keyframes alet-salla {
  0%, 100% { transform: rotate(-18deg); }
  50%      { transform: rotate(18deg); }
}

@media (prefers-reduced-motion: reduce) {
  .alet-doner,
  .alet-sarkac { animation: none; }
}

/* Tycho karşılaştırma kutusu */
.tycho-karsilastirma {
  margin-top: var(--bos-8);
  padding: var(--bos-6);
  background:
    radial-gradient(ellipse at top left, rgba(30, 45, 90, 0.5), transparent 70%),
    rgba(14, 23, 51, 0.4);
  border: 1px solid rgba(200, 164, 77, 0.25);
  border-radius: var(--kose-kart);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-6);
  align-items: start;
}
@media (max-width: 720px) {
  .tycho-karsilastirma { grid-template-columns: 1fr; gap: var(--bos-4); }
}
.tycho-karsilastirma h3 {
  font-style: italic;
  color: var(--parsomen);
}
.tycho-karsilastirma p {
  font-size: 0.95rem;
  color: var(--gokyuzu-mat);
  margin: 0 0 var(--bos-3);
}
.tycho-karsilastirma p:last-child { margin-bottom: 0; }
.tycho-bolme h4 {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.1rem;
  color: var(--pirinc-acik);
  margin: 0 0 var(--bos-3);
  letter-spacing: 0.02em;
}

/* --- 15. Eserleri sayfası — sekme arayüzü --------------- */
.eserler-giris {
  max-width: 760px;
  margin: 0 auto var(--bos-7);
  text-align: center;
  color: var(--gokyuzu-mat);
}
.eserler-giris p { font-size: 1.05rem; }

.sekme-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bos-2);
  border-bottom: 1px solid rgba(200, 164, 77, 0.18);
  margin-bottom: var(--bos-6);
}
.sekme-bar button {
  background: transparent;
  border: 0;
  padding: var(--bos-3) var(--bos-5);
  font-family: var(--font-baslik);
  font-size: 1.15rem;
  color: var(--gokyuzu-mat);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color var(--gecis), border-color var(--gecis);
  letter-spacing: 0.02em;
  margin-bottom: -1px;
}
.sekme-bar button:hover { color: var(--parsomen); }
.sekme-bar button[aria-selected="true"] {
  color: var(--parsomen);
  border-bottom-color: var(--pirinc);
}
.sekme-bar button:focus-visible {
  outline: 2px solid var(--pirinc-acik);
  outline-offset: -2px;
  border-radius: 4px;
}

.sekme-panel { display: none; }
.sekme-panel[data-aktif="true"] { display: block; }

.eser-listesi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--bos-5);
}
.eser-kart {
  background: rgba(14, 23, 51, 0.5);
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: var(--kose-kart);
  padding: var(--bos-5);
  position: relative;
  transition: border-color var(--gecis), transform var(--gecis);
}
.eser-kart:hover {
  border-color: rgba(200, 164, 77, 0.45);
  transform: translateY(-2px);
}
.eser-kart h3 {
  margin: 0 0 var(--bos-1);
  font-size: 1.25rem;
}
.eser-kart .orijinal-ad {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc);
  font-size: 0.92rem;
  margin: 0 0 var(--bos-3);
}
.eser-kart p {
  font-size: 0.95rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.65;
}

.eser-kart--imza {
  border: 1px solid rgba(200, 164, 77, 0.55);
  background:
    radial-gradient(ellipse at top right, rgba(200, 164, 77, 0.1), transparent 70%),
    rgba(14, 23, 51, 0.6);
}
.eser-kart--imza .imza-rozet {
  display: inline-block;
  font-size: 0.66rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--pirinc-acik);
  padding: 3px 10px;
  border: 1px solid rgba(231, 205, 134, 0.5);
  border-radius: 999px;
  margin-bottom: var(--bos-3);
}

/* Optik uyarısı */
.optik-uyari {
  margin-top: var(--bos-5);
  padding: var(--bos-4) var(--bos-5);
  background: rgba(181, 83, 46, 0.08);
  border-left: 3px solid var(--mercan);
  border-radius: 0 var(--kose-kart) var(--kose-kart) 0;
  font-size: 0.92rem;
  color: var(--gokyuzu-mat);
  line-height: 1.6;
}
.optik-uyari strong { color: var(--mercan); }
.optik-uyari em { color: var(--pirinc-acik); font-style: italic; }

/* Mühendislik vitrini */
.bulus-bolum {
  margin-top: var(--bos-9);
}
.bulus-bolum .bolum-bas {
  text-align: center;
  max-width: 720px;
  margin: 0 auto var(--bos-6);
}
.bulus-vitrin {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-6);
}
@media (max-width: 760px) {
  .bulus-vitrin { grid-template-columns: 1fr; }
}
.bulus-vitrin article {
  background: linear-gradient(160deg, rgba(14, 23, 51, 0.7), rgba(7, 11, 28, 0.85));
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  padding: var(--bos-6);
}
.bulus-vitrin .yil-vurgu {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--mercan);
  font-size: 1rem;
  display: block;
  margin-bottom: var(--bos-3);
  letter-spacing: 0.04em;
}
.bulus-vitrin h3 {
  margin: 0 0 var(--bos-3);
  font-size: 1.35rem;
}
.bulus-vitrin p {
  font-size: 0.96rem;
  color: var(--gokyuzu-mat);
  margin: 0 0 var(--bos-3);
  line-height: 1.7;
}
.bulus-vitrin p:last-child { margin-bottom: 0; }

/* --- 16. Kuyruklu Yıldız sayfası ----------------------- */
.komet-hero {
  position: relative;
  min-height: clamp(560px, 90vh, 820px);
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 30% 60%, rgba(35, 50, 100, 0.45), transparent 65%),
    radial-gradient(ellipse at 80% 20%, rgba(8, 12, 32, 0.85), transparent 70%),
    linear-gradient(to bottom, var(--gece-derin) 0%, #02030a 70%, var(--gece-derin) 100%);
  isolation: isolate;
}

/* Hareket eden kuyruklu yıldız katmanı */
.komet-sahne {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.komet-sahne svg {
  position: absolute;
  width: 220%;
  height: auto;
  top: 12%;
  left: -120%;
  animation: komet-gec 80s linear infinite;
  filter: drop-shadow(0 0 24px rgba(231, 205, 134, 0.35));
}

@keyframes komet-gec {
  0%   { transform: translateX(0) translateY(0); opacity: 0; }
  6%   { opacity: 0.95; }
  50%  { transform: translateX(50%) translateY(8%); opacity: 1; }
  94%  { opacity: 0.95; }
  100% { transform: translateX(100%) translateY(16%); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .komet-sahne svg {
    animation: none;
    transform: translateX(40%) translateY(6%);
    opacity: 0.7;
  }
}

.komet-hero__ic {
  position: relative;
  z-index: 2;
  text-align: center;
  padding-inline: var(--bos-5);
  max-width: 820px;
}
.komet-hero h1 {
  font-style: italic;
  font-weight: 400;
  color: var(--parsomen);
  margin-bottom: var(--bos-3);
}
.komet-hero__alt {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 1.2rem;
  margin-bottom: var(--bos-5);
}
.komet-hero__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--bos-3);
  color: var(--gokyuzu-mat);
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 500;
}
.komet-hero__tag::before,
.komet-hero__tag::after {
  content: "";
  height: 1px;
  width: 38px;
  background: linear-gradient(to right, transparent, var(--pirinc), transparent);
}

/* Veri kartları — komet hızlı bilgi */
.komet-veri {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--bos-4);
  margin: var(--bos-7) auto;
  max-width: 980px;
}
.komet-veri article {
  background: rgba(14, 23, 51, 0.55);
  border: 1px solid rgba(200, 164, 77, 0.2);
  border-radius: var(--kose-kart);
  padding: var(--bos-4) var(--bos-5);
  text-align: center;
}
.komet-veri .deger {
  font-family: var(--font-baslik);
  font-size: 2rem;
  font-weight: 500;
  color: var(--pirinc-acik);
  display: block;
  margin-bottom: var(--bos-1);
  line-height: 1.1;
}
.komet-veri .etiket {
  font-size: 0.74rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
}

/* Olay şeridi (timeline-lite) */
.olay-seridi {
  position: relative;
  max-width: 980px;
  margin: var(--bos-7) auto 0;
  padding: var(--bos-6) 0;
}
.olay-seridi::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right,
    transparent, rgba(200, 164, 77, 0.4) 8%,
    rgba(200, 164, 77, 0.4) 92%, transparent);
}
.olay-seridi__ic {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--bos-2);
  position: relative;
  z-index: 1;
}
@media (max-width: 760px) {
  .olay-seridi__ic { grid-template-columns: 1fr; gap: var(--bos-4); }
  .olay-seridi::before { display: none; }
}

.olay-nokta {
  text-align: center;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: var(--bos-2);
  font-family: inherit;
  color: var(--gokyuzu-mat);
  transition: color var(--gecis);
}
.olay-nokta:hover { color: var(--parsomen); }

.olay-nokta__dot {
  width: 14px;
  height: 14px;
  margin: 0 auto var(--bos-2);
  background: var(--gece-derin);
  border: 1.5px solid var(--pirinc);
  border-radius: 50%;
  transition: background var(--gecis), transform var(--gecis), box-shadow var(--gecis);
}
.olay-nokta[aria-pressed="true"] .olay-nokta__dot {
  background: var(--pirinc-acik);
  transform: scale(1.3);
  box-shadow: 0 0 0 6px rgba(231, 205, 134, 0.18);
}
.olay-nokta__tarih {
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 0.85rem;
  color: var(--pirinc);
  letter-spacing: 0.04em;
  display: block;
  margin-bottom: var(--bos-1);
}
.olay-nokta__baslik {
  font-size: 0.78rem;
  line-height: 1.3;
  display: block;
}
.olay-nokta[aria-pressed="true"] .olay-nokta__tarih { color: var(--pirinc-acik); }
.olay-nokta[aria-pressed="true"] .olay-nokta__baslik { color: var(--parsomen); }

/* Olay detay paneli */
.olay-detay {
  margin-top: var(--bos-7);
  background: rgba(14, 23, 51, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.25);
  border-radius: var(--kose-kart);
  padding: var(--bos-6);
  max-width: 820px;
  margin-inline: auto;
  min-height: 180px;
}
.olay-detay-icerik[hidden] { display: none; }
.olay-detay h3 {
  margin: 0 0 var(--bos-3);
  font-size: 1.4rem;
}
.olay-detay .meta {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 0.95rem;
  display: block;
  margin-bottom: var(--bos-3);
}
.olay-detay p {
  color: var(--gokyuzu-mat);
  margin: 0 0 var(--bos-3);
  line-height: 1.7;
}
.olay-detay p:last-child { margin-bottom: 0; }

/* Takiyüddin'in raporu — alıntı bloğu */
.rapor-blok {
  margin: var(--bos-9) auto var(--bos-7);
  max-width: 820px;
  text-align: center;
  padding: var(--bos-7) var(--bos-6);
  background:
    radial-gradient(ellipse at top, rgba(200, 164, 77, 0.08), transparent 70%),
    rgba(14, 23, 51, 0.55);
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  position: relative;
}
.rapor-blok::before,
.rapor-blok::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 1px;
  background: var(--pirinc);
  opacity: 0.5;
  top: 50%;
}
.rapor-blok::before { left: -30px; }
.rapor-blok::after  { right: -30px; }
@media (max-width: 900px) {
  .rapor-blok::before, .rapor-blok::after { display: none; }
}

.rapor-blok blockquote {
  margin: 0 0 var(--bos-5);
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  color: var(--parsomen);
  line-height: 1.4;
  position: relative;
}
.rapor-blok blockquote::before {
  content: "“";
  display: block;
  font-size: 4rem;
  color: var(--pirinc);
  line-height: 0.7;
  margin-bottom: var(--bos-2);
}
.rapor-blok cite {
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.8rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
}

/* Çatallanan kader — iki sütun */
.catal-bolum {
  margin-top: var(--bos-8);
}
.catal-bolum .bolum-bas {
  text-align: center;
  margin-bottom: var(--bos-6);
}
.catallar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-6);
  position: relative;
}
.catallar::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(200, 164, 77, 0.5), transparent);
}
@media (max-width: 760px) {
  .catallar { grid-template-columns: 1fr; }
  .catallar::before { display: none; }
}
.catallar article {
  background: rgba(14, 23, 51, 0.45);
  border: 1px solid rgba(200, 164, 77, 0.22);
  border-radius: var(--kose-kart);
  padding: var(--bos-6);
}
.catallar h3 {
  margin: 0 0 var(--bos-3);
  font-size: 1.35rem;
  font-style: italic;
}
.catallar .yer-etiketi {
  display: inline-block;
  font-size: 0.7rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
  font-weight: 500;
  margin-bottom: var(--bos-3);
}
.catallar p {
  font-size: 0.95rem;
  color: var(--gokyuzu-mat);
  line-height: 1.7;
  margin: 0 0 var(--bos-3);
}
.catallar p:last-child { margin-bottom: 0; }
.catallar .vurgu-cumle {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 1.05rem;
  border-left: 2px solid var(--pirinc);
  padding-left: var(--bos-4);
  margin: var(--bos-4) 0;
}

/* --- 17. Astrolab Atölyesi (interaktif) ---------------- */
.atolye-bolum {
  padding-block: var(--bos-7);
}

.atolye-izgara {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) 1fr;
  gap: var(--bos-6);
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 880px) {
  .atolye-izgara { grid-template-columns: 1fr; }
}

/* Astrolab vitrini */
.atolye-vitrin {
  position: relative;
  aspect-ratio: 1 / 1;
  background:
    radial-gradient(ellipse at center, rgba(30, 45, 90, 0.4), transparent 70%),
    rgba(7, 11, 28, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  overflow: hidden;
  padding: var(--bos-5);
}
.atolye-vitrin svg {
  width: 100%;
  height: 100%;
}
.atolye-vitrin .rete-kontrol {
  transform-box: view-box;
  transform-origin: 500px 500px;
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.atolye-vitrin .alidade-kontrol {
  transform-box: view-box;
  transform-origin: 500px 500px;
  transition: transform 350ms ease;
}

/* Kontrol paneli (sağ tarafta) */
.atolye-panel {
  background: rgba(14, 23, 51, 0.5);
  border: 1px solid rgba(200, 164, 77, 0.2);
  border-radius: var(--kose-kart);
  padding: var(--bos-6);
  display: flex;
  flex-direction: column;
  gap: var(--bos-5);
}

.atolye-baslik {
  margin: 0;
  font-size: 1.5rem;
  font-style: italic;
  color: var(--parsomen);
  letter-spacing: 0.01em;
}
.atolye-altyazi {
  margin: 0 0 var(--bos-2);
  color: var(--gokyuzu-mat);
  font-size: 0.94rem;
  line-height: 1.6;
}

/* Kaydırıcı (slider) gruplama */
.atolye-grup {
  display: flex;
  flex-direction: column;
  gap: var(--bos-2);
}
.atolye-grup__bas {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.atolye-grup label {
  font-size: 0.74rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
  font-weight: 500;
}
.atolye-grup__deger {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.3rem;
  color: var(--pirinc-acik);
  line-height: 1;
}

.atolye-grup input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  background: rgba(200, 164, 77, 0.25);
  border-radius: 999px;
  outline: none;
  cursor: pointer;
}
.atolye-grup input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px; height: 18px;
  background: var(--pirinc-acik);
  border: 2px solid var(--parsomen);
  border-radius: 50%;
  cursor: grab;
  transition: transform var(--gecis);
}
.atolye-grup input[type="range"]::-moz-range-thumb {
  width: 18px; height: 18px;
  background: var(--pirinc-acik);
  border: 2px solid var(--parsomen);
  border-radius: 50%;
  cursor: grab;
}
.atolye-grup input[type="range"]:active::-webkit-slider-thumb { transform: scale(1.15); cursor: grabbing; }
.atolye-grup input[type="range"]:focus-visible {
  box-shadow: 0 0 0 4px rgba(231, 205, 134, 0.25);
}

/* Bilgi metrikleri */
.atolye-metrik {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--bos-3);
  padding: var(--bos-4) 0;
  border-top: 1px solid rgba(200, 164, 77, 0.18);
  border-bottom: 1px solid rgba(200, 164, 77, 0.18);
}
.atolye-metrik > div {
  text-align: center;
}
.atolye-metrik .deger {
  font-family: var(--font-baslik);
  font-size: 1.4rem;
  color: var(--pirinc-acik);
  display: block;
  line-height: 1.1;
  margin-bottom: 2px;
}
.atolye-metrik .etiket {
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
}

/* "Şimdi gökyüzü" yıldız listesi */
.gokyuzu-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--bos-2);
}
.gokyuzu-liste li {
  display: flex;
  align-items: center;
  gap: var(--bos-2);
  font-size: 0.88rem;
  padding: var(--bos-2) var(--bos-3);
  background: rgba(7, 11, 28, 0.5);
  border-radius: 6px;
  border: 1px solid rgba(200, 164, 77, 0.1);
  transition: border-color var(--gecis), color var(--gecis);
}
.gokyuzu-liste li[data-gorunur="true"] {
  border-color: rgba(231, 205, 134, 0.45);
  color: var(--parsomen);
}
.gokyuzu-liste li[data-gorunur="false"] {
  opacity: 0.4;
}
.gokyuzu-liste .nokta {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--pirinc);
  flex-shrink: 0;
}
.gokyuzu-liste li[data-gorunur="false"] .nokta { background: var(--gokyuzu-mat); opacity: 0.5; }
.gokyuzu-liste .ad { flex-grow: 1; }
.gokyuzu-liste .durum {
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 0.78rem;
  color: var(--pirinc);
}
.gokyuzu-liste li[data-gorunur="false"] .durum { color: var(--gokyuzu-mat); }

/* "Nasıl çalışır" rehber */
.nasil-calisir {
  margin-top: var(--bos-8);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--bos-5);
}
.nasil-adim {
  background: rgba(14, 23, 51, 0.4);
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: var(--kose-kart);
  padding: var(--bos-5);
}
.nasil-adim__no {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 2.2rem;
  color: var(--pirinc);
  line-height: 1;
  margin-bottom: var(--bos-3);
  display: block;
}
.nasil-adim h3 {
  margin: 0 0 var(--bos-2);
  font-size: 1.15rem;
}
.nasil-adim p {
  margin: 0;
  font-size: 0.92rem;
  color: var(--gokyuzu-mat);
  line-height: 1.65;
}

/* --- 18. Erişilebilirlik — skip link --------------------- */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  background: var(--pirinc-acik);
  color: var(--gece-koyu);
  padding: var(--bos-3) var(--bos-5);
  font-size: 0.86rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 0 0 var(--kose-kart) 0;
}
.skip-link:focus {
  left: 0;
  outline: 2px solid var(--parsomen);
  outline-offset: 2px;
}

/* --- 19. Ek atölyeler (güneş saati, mekanik saat, buhar şişi) ---- */
.atolye-tema {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-6);
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 840px) {
  .atolye-tema { grid-template-columns: 1fr; }
}

.atolye-sahne {
  position: relative;
  aspect-ratio: 1 / 1;
  background:
    radial-gradient(ellipse at center, rgba(30, 45, 90, 0.4), transparent 70%),
    rgba(7, 11, 28, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  overflow: hidden;
  padding: var(--bos-5);
  display: grid;
  place-items: center;
}
.atolye-sahne svg {
  width: 100%; height: 100%;
  max-width: 460px;
}

.atolye-buton {
  background: rgba(200, 164, 77, 0.12);
  color: var(--parsomen);
  border: 1px solid var(--pirinc);
  padding: var(--bos-3) var(--bos-5);
  border-radius: 999px;
  font-family: var(--font-govde);
  font-size: 0.84rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--bos-2);
  transition: background var(--gecis), color var(--gecis), transform var(--gecis);
}
.atolye-buton:hover {
  background: var(--pirinc);
  color: var(--gece-koyu);
  transform: translateY(-2px);
}
.atolye-buton[aria-pressed="true"] {
  background: var(--pirinc);
  color: var(--gece-koyu);
}

/* Güneş saati */
.gunes-gnomon { fill: #c8a44d; }
.gunes-golge {
  fill: rgba(0, 0, 0, 0.45);
  transform-box: view-box;
  transform-origin: 200px 200px;
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.gunes-isık {
  fill: #fff3d6;
  filter: drop-shadow(0 0 16px rgba(231, 205, 134, 0.55));
  transform-box: view-box;
  transform-origin: 200px 200px;
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Mekanik saat — sarkaç ve akrepler */
.saat-sarkac {
  transform-box: view-box;
  transform-origin: 200px 110px;
  animation: saat-salla 1.4s ease-in-out infinite;
}
@keyframes saat-salla {
  0%, 100% { transform: rotate(-22deg); }
  50%      { transform: rotate(22deg); }
}

.saat-akrep-h {
  transform-box: view-box;
  transform-origin: 200px 200px;
  transition: transform 300ms linear;
}
.saat-akrep-d {
  transform-box: view-box;
  transform-origin: 200px 200px;
  animation: saat-dakika 60s linear infinite;
}
.saat-akrep-s {
  transform-box: view-box;
  transform-origin: 200px 200px;
  animation: saat-saniye 60s steps(60, end) infinite;
}
@keyframes saat-dakika { from {transform:rotate(0);} to {transform:rotate(360deg);} }
@keyframes saat-saniye { from {transform:rotate(0);} to {transform:rotate(360deg);} }

.saat-cark {
  transform-box: view-box;
  transform-origin: var(--cark-x, 200px) var(--cark-y, 200px);
  animation: saat-cark-don var(--cark-sure, 6s) linear infinite;
}
.saat-cark--ters { animation-direction: reverse; }
@keyframes saat-cark-don { from {transform:rotate(0);} to {transform:rotate(360deg);} }

@media (prefers-reduced-motion: reduce) {
  .saat-sarkac, .saat-akrep-d, .saat-akrep-s, .saat-cark { animation: none; }
}

/* Buhar şişi — duraklamalı */
[data-atese="kapali"] .duman,
[data-atese="kapali"] .ates,
[data-atese="kapali"] .fan,
[data-atese="kapali"] .sis-don { animation-play-state: paused; opacity: 0; }
[data-atese="acik"] .ates { animation: ates-titre 0.5s ease-in-out infinite; }
[data-atese="acik"] .duman {
  animation: buhar-yuksel 3s ease-out infinite;
  opacity: 0.7;
}
[data-atese="acik"] .fan {
  transform-box: view-box;
  transform-origin: 200px 160px;
  animation: fan-don 1.4s linear infinite;
}
[data-atese="acik"] .sis-don {
  transform-box: view-box;
  transform-origin: 200px 280px;
  animation: sis-don-don 3s linear infinite;
}

@keyframes ates-titre {
  0%, 100% { transform: scaleY(1) translateY(0); opacity: 1; }
  50%      { transform: scaleY(1.15) translateY(-3px); opacity: 0.85; }
}
@keyframes buhar-yuksel {
  0%   { transform: translateY(0) scale(0.6); opacity: 0; }
  40%  { opacity: 0.7; }
  100% { transform: translateY(-90px) scale(1.4); opacity: 0; }
}
@keyframes fan-don { from {transform:rotate(0);} to {transform:rotate(360deg);} }
@keyframes sis-don-don { from {transform:rotate(0);} to {transform:rotate(360deg);} }

@media (prefers-reduced-motion: reduce) {
  [data-atese="acik"] .ates,
  [data-atese="acik"] .duman,
  [data-atese="acik"] .fan,
  [data-atese="acik"] .sis-don { animation: none; }
}

/* --- 20. Öne çıkan rakamlar şeridi (anasayfa) ----------- */
.rakamlar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--bos-5);
  padding: var(--bos-7) 0;
  border-top: var(--cizgi-altin-yumusak);
  border-bottom: var(--cizgi-altin-yumusak);
  margin-top: var(--bos-7);
}
.rakam {
  text-align: center;
  position: relative;
}
.rakam::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: rgba(200, 164, 77, 0.2);
}
.rakam:last-child::after { display: none; }
@media (max-width: 760px) {
  .rakam::after { display: none; }
}
.rakam__deger {
  font-family: var(--font-baslik);
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  font-weight: 500;
  color: var(--pirinc-acik);
  line-height: 1;
  display: block;
  margin-bottom: var(--bos-2);
  letter-spacing: -0.01em;
}
.rakam__deger sup {
  font-size: 0.5em;
  color: var(--pirinc);
  font-style: italic;
}
.rakam__etiket {
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
}
.rakam__altyazi {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc);
  font-size: 0.86rem;
  margin-top: var(--bos-1);
  display: block;
}

/* --- 21. 26 eser listesi accordion ---------------------- */
.eser-toplu {
  margin-top: var(--bos-8);
  padding-top: var(--bos-6);
  border-top: var(--cizgi-altin-yumusak);
}
.eser-toplu summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--bos-3) 0;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.3rem;
  color: var(--parsomen);
}
.eser-toplu summary::-webkit-details-marker { display: none; }
.eser-toplu summary::after {
  content: "▾";
  color: var(--pirinc);
  font-size: 1rem;
  transition: transform var(--gecis);
}
.eser-toplu[open] summary::after { transform: rotate(180deg); }

.eser-toplu__icerik {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--bos-3) var(--bos-5);
  padding: var(--bos-5) 0 var(--bos-3);
}
.eser-toplu__icerik h4 {
  margin: var(--bos-3) 0 var(--bos-2);
  font-size: 0.88rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pirinc);
  font-weight: 500;
}
.eser-toplu__icerik ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--bos-2);
}
.eser-toplu__icerik li {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--gokyuzu-mat);
  padding-left: var(--bos-4);
  position: relative;
}
.eser-toplu__icerik li::before {
  content: counter(eser, decimal-leading-zero);
  counter-increment: eser;
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc);
  font-size: 0.78rem;
}
.eser-toplu__icerik { counter-reset: eser; }
.eser-toplu__icerik em {
  color: var(--pirinc-acik);
  font-style: italic;
}

/* --- 22. Bilim tarihi şeridi (Mirası) ------------------- */
.bilim-seridi {
  margin: var(--bos-7) auto;
  max-width: 1000px;
  padding: var(--bos-6) 0;
  position: relative;
}
.bilim-seridi::before {
  content: "";
  position: absolute;
  top: 50%; left: 4%; right: 4%;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(200,164,77,0.5), transparent);
}
.bilim-seridi__ic {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--bos-3);
  position: relative;
}
@media (max-width: 760px) {
  .bilim-seridi__ic { grid-template-columns: 1fr; }
  .bilim-seridi::before { display: none; }
}
.bilim-nokta {
  background: transparent;
  border: 0;
  padding: var(--bos-3);
  cursor: pointer;
  text-align: center;
  color: var(--gokyuzu-mat);
  font-family: inherit;
  transition: color var(--gecis);
}
.bilim-nokta:hover { color: var(--parsomen); }
.bilim-nokta__yil {
  font-family: var(--font-baslik);
  font-size: 1.4rem;
  color: var(--pirinc-acik);
  display: block;
  margin-bottom: var(--bos-2);
}
.bilim-nokta__isim {
  font-size: 0.74rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  display: block;
  margin-bottom: var(--bos-1);
}
.bilim-nokta__olay {
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 0.86rem;
  color: var(--pirinc);
  display: block;
  line-height: 1.4;
}
.bilim-nokta--takiyuddin .bilim-nokta__yil { color: var(--mercan); }
.bilim-nokta--takiyuddin .bilim-nokta__isim { color: var(--mercan); }

/* --- 23. Doğrudan alıntı kutusu (Hayatı) ---------------- */
.alinti-kutu {
  margin: var(--bos-6) auto;
  max-width: 720px;
  padding: var(--bos-5) var(--bos-6);
  border-left: 3px solid var(--pirinc);
  background: rgba(200, 164, 77, 0.05);
  border-radius: 0 var(--kose-kart) var(--kose-kart) 0;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.15rem;
  color: var(--parsomen);
  line-height: 1.6;
}
.alinti-kutu cite {
  display: block;
  margin-top: var(--bos-3);
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pirinc);
}

/* --- 24. Alet detay accordion (Aletler sayfası) ---------- */
.alet-detay {
  margin-top: var(--bos-3);
  border-top: 1px solid rgba(200, 164, 77, 0.18);
  padding-top: var(--bos-3);
}
.alet-detay summary {
  cursor: pointer;
  list-style: none;
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--pirinc-acik);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color var(--gecis);
}
.alet-detay summary::-webkit-details-marker { display: none; }
.alet-detay summary::after {
  content: "▾";
  transition: transform var(--gecis);
  font-size: 0.85rem;
}
.alet-detay[open] summary::after { transform: rotate(180deg); }
.alet-detay summary:hover { color: var(--parsomen); }
.alet-detay__icerik {
  margin-top: var(--bos-3);
  padding-top: var(--bos-3);
  border-top: 1px dashed rgba(200, 164, 77, 0.18);
  font-size: 0.88rem;
  color: var(--gokyuzu-mat);
  line-height: 1.65;
  text-align: left;
}
.alet-detay__icerik p { margin: 0 0 var(--bos-2); }
.alet-detay__icerik p:last-child { margin: 0; }
.alet-detay__icerik em { color: var(--pirinc-acik); font-style: italic; }
.alet-detay__icerik strong { color: var(--parsomen); }

/* --- 25. Rasathane ekibi temsili kartlar --------------- */
.ekip-bolum {
  margin-top: var(--bos-8);
}
.ekip-baslik {
  text-align: center;
  margin-bottom: var(--bos-5);
}
.ekip-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--bos-4);
}
.ekip-kart {
  background: rgba(14, 23, 51, 0.5);
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: var(--kose-kart);
  padding: var(--bos-4);
  text-align: center;
  transition: border-color var(--gecis), transform var(--gecis);
}
.ekip-kart:hover {
  border-color: rgba(200, 164, 77, 0.45);
  transform: translateY(-2px);
}
.ekip-kart__siluet {
  width: 56px;
  height: 56px;
  margin: 0 auto var(--bos-3);
  border-radius: 50%;
  background: linear-gradient(160deg, rgba(200, 164, 77, 0.25), rgba(14, 23, 51, 0.5));
  border: 1px solid rgba(200, 164, 77, 0.35);
  display: grid;
  place-items: center;
  color: var(--pirinc-acik);
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.6rem;
}
.ekip-kart h4 {
  margin: 0 0 var(--bos-1);
  font-size: 1rem;
  color: var(--parsomen);
}
.ekip-kart .gorev {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc);
  font-size: 0.84rem;
  display: block;
  margin-bottom: var(--bos-2);
}
.ekip-kart p {
  font-size: 0.84rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.55;
}

/* --- 26. Mini görev kutusu (Astrolab atölyesi) ---------- */
.gorev-kutu {
  margin-top: var(--bos-5);
  padding: var(--bos-4) var(--bos-5);
  background: linear-gradient(135deg, rgba(181, 83, 46, 0.12), rgba(14, 23, 51, 0.4));
  border: 1px solid rgba(231, 205, 134, 0.35);
  border-radius: var(--kose-kart);
}
.gorev-kutu__bas {
  display: flex;
  align-items: center;
  gap: var(--bos-3);
  margin-bottom: var(--bos-3);
}
.gorev-kutu__rozet {
  font-size: 0.7rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mercan);
  font-weight: 600;
  padding: 3px 10px;
  border: 1px solid var(--mercan);
  border-radius: 999px;
  background: rgba(181, 83, 46, 0.08);
}
.gorev-kutu p {
  margin: 0 0 var(--bos-2);
  font-size: 0.92rem;
  color: var(--gokyuzu-mat);
  line-height: 1.6;
}
.gorev-kutu__durum {
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 1.05rem;
  color: var(--pirinc-acik);
  margin-top: var(--bos-3);
  display: block;
}
.gorev-kutu[data-tamam="true"] .gorev-kutu__durum {
  color: #97c459;
}
.gorev-kutu[data-tamam="true"] {
  border-color: rgba(151, 196, 89, 0.55);
}

/* --- 27. Ek atölye stilleri (3D küre, sekstant, libne) -- */
.kure-3d {
  perspective: 800px;
  transform-style: preserve-3d;
}
.kure-3d-icerik {
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
  transform-box: view-box;
  transform-origin: center;
}

/* Ölç-oyunu sonuç vurguları */
.olcum-sonuc {
  font-family: var(--font-baslik);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 1.5rem;
  text-align: center;
  margin: var(--bos-3) 0;
  letter-spacing: 0.04em;
}
.olcum-sonuc.--basari { color: #97c459; }
.olcum-sonuc.--hatali { color: var(--mercan); }

/* Buton dizisi */
.atolye-buton-dizi {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bos-2);
  margin: var(--bos-3) 0;
}
.atolye-buton.--kucuk {
  padding: var(--bos-2) var(--bos-4);
  font-size: 0.74rem;
}

/* --- 28. Atölye seçim butonları (enlem, mevsim, hız) ---- */
.atolye-secim {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bos-2);
  margin-top: var(--bos-3);
}
.atolye-secim button {
  background: transparent;
  border: 1px solid rgba(200, 164, 77, 0.35);
  color: var(--gokyuzu-mat);
  padding: var(--bos-2) var(--bos-4);
  border-radius: 999px;
  font-family: var(--font-govde);
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: background var(--gecis), color var(--gecis), border-color var(--gecis);
}
.atolye-secim button:hover {
  color: var(--parsomen);
  border-color: var(--pirinc);
}
.atolye-secim button[aria-pressed="true"] {
  background: rgba(200, 164, 77, 0.18);
  color: var(--parsomen);
  border-color: var(--pirinc);
}

/* Sayaç gösterge — büyük puan */
.sayac-kutu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-3);
  padding: var(--bos-4);
  background: rgba(7, 11, 28, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: var(--kose-kart);
  margin: var(--bos-3) 0;
}
.sayac-kutu .sayi {
  font-family: var(--font-baslik);
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--pirinc-acik);
  text-align: center;
  display: block;
  line-height: 1;
}
.sayac-kutu .etiket {
  text-align: center;
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  margin-top: var(--bos-2);
  display: block;
}

/* Saat hız göstergesi (renkli bar) */
.hiz-bar {
  display: flex;
  gap: 4px;
  margin-top: var(--bos-2);
}
.hiz-bar span {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: rgba(200, 164, 77, 0.18);
}
.hiz-bar[data-hiz="yavas"] span:nth-child(-n+1),
.hiz-bar[data-hiz="normal"] span:nth-child(-n+2),
.hiz-bar[data-hiz="hizli"] span:nth-child(-n+3) { background: var(--pirinc-acik); }

/* Buhar/ateş seviyesi göstergesi */
.seviye-bar {
  display: flex;
  gap: 3px;
  margin-top: var(--bos-2);
}
.seviye-bar span {
  flex: 1;
  height: 8px;
  border-radius: 2px;
  background: rgba(200, 164, 77, 0.18);
  transition: background var(--gecis);
}
.seviye-bar[data-seviye="dusuk"] span:nth-child(-n+2) { background: var(--mercan); }
.seviye-bar[data-seviye="orta"] span:nth-child(-n+3) { background: var(--pirinc); }
.seviye-bar[data-seviye="yuksek"] span { background: var(--pirinc-acik); }

/* Saat akrebi senkron sürükle */
.akrep-rehber {
  margin-top: var(--bos-3);
  padding: var(--bos-3);
  background: rgba(200, 164, 77, 0.06);
  border-left: 2px solid var(--pirinc);
  font-size: 0.86rem;
  color: var(--gokyuzu-mat);
  font-family: var(--font-vurgu);
  font-style: italic;
}

/* Buhar yüksek — kazan kızıl glow */
[data-ates="yuksek"] .ates {
  filter: drop-shadow(0 0 12px rgba(231, 100, 50, 0.7));
}
[data-ates="yuksek"] .duman {
  animation-duration: 1.5s !important;
}
[data-ates="orta"] .duman {
  animation-duration: 2.5s !important;
}
[data-ates="dusuk"] .duman {
  animation-duration: 4s !important;
  opacity: 0.4 !important;
}
[data-ates="dusuk"] .fan {
  animation-duration: 3s !important;
}
[data-ates="orta"] .fan {
  animation-duration: 1.8s !important;
}
[data-ates="yuksek"] .fan {
  animation-duration: 0.8s !important;
}
[data-ates="dusuk"] .sis-don { animation-duration: 6s !important; }
[data-ates="orta"] .sis-don { animation-duration: 3s !important; }
[data-ates="yuksek"] .sis-don { animation-duration: 1.5s !important; }

/* =========================================================
   --- 29. Mobil optimizasyon (≤640px ve ≤480px) ---------
   Kapsamlı responsive geliştirme — telefon ekranları için
   ========================================================= */

@media (max-width: 720px) {
  /* Temel tipografi - daha küçük */
  body { font-size: 16px; }
  h1 { font-size: clamp(2rem, 7vw, 2.6rem); }
  h2 { font-size: clamp(1.55rem, 5.5vw, 1.95rem); }
  h3 { font-size: clamp(1.15rem, 4vw, 1.3rem); }

  /* Kapsayıcı padding daralt */
  .kapsayici { padding-inline: var(--bos-4); }
  .bolum { padding-block: var(--bos-6); }

  /* Sayfa başlığı (sayfa-bas) küçült */
  .sayfa-bas { padding-block: var(--bos-7) var(--bos-5); }
  .sayfa-bas__altyazi { font-size: 1rem; }

  /* Hero — anasayfa */
  .hero { min-height: clamp(480px, 80vh, 640px); }
  .hero__ic { padding-inline: var(--bos-4); }
  .hero h1 { font-size: clamp(2.1rem, 8vw, 2.8rem); }
  .hero__ozet { font-size: 1rem; margin-bottom: var(--bos-5); }
  .hero__cta {
    padding: var(--bos-2) var(--bos-4);
    font-size: 0.78rem;
    letter-spacing: 0.1em;
  }
  .hero__astrolab svg {
    width: min(160vmin, 600px);
    opacity: 0.18;
  }
  .hero__kaydir { font-size: 0.62rem; bottom: var(--bos-3); }

  /* Rakamlar şeridi — 2 sütun */
  .rakamlar {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--bos-4);
    padding-block: var(--bos-5);
  }
  .rakam__deger { font-size: clamp(2rem, 8vw, 2.6rem); }
  .rakam__etiket { font-size: 0.7rem; letter-spacing: 0.15em; }
  .rakam::after { display: none; }
  .rakam {
    padding: var(--bos-3) 0;
    border-bottom: 1px solid rgba(200, 164, 77, 0.12);
  }
  .rakamlar > .rakam:nth-last-child(-n+2) { border-bottom: 0; }

  /* Site nav — mobil menü zaten var, ama 8 öğe için scroll */
  .site-bas__ic { padding-block: var(--bos-2); }
  .marka { font-size: 1.05rem; }
  .marka__sembol { width: 32px; height: 32px; }
  .marka__isim small { font-size: 0.58rem; }

  /* Bölüm kartları — anasayfa */
  .kart-izgara { gap: var(--bos-4); }
  .kart { padding: var(--bos-5) var(--bos-4); }
  .kart h3 { font-size: 1.15rem; }
  .kart p { font-size: 0.88rem; }

  /* Aletler galerisi - tek sütun bazen */
  .aletler-galeri {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--bos-4);
  }
  .alet-kart { padding: var(--bos-4); }
  .alet-kart__gorsel { height: 110px; }
  .alet-kart__gorsel svg { max-width: 100px; max-height: 100px; }
  .alet-kart h3 { font-size: 1.1rem; }
  .alet-kart .orijinal-ad { font-size: 0.8rem; }
  .alet-kart__aciklama { font-size: 0.86rem; }

  /* Şehinşehname sahnesi — küçük noktalar */
  .sahne { max-width: 100%; padding: 0; }
  .sahne__nokta {
    width: 18px; height: 18px;
    border-width: 1.5px;
  }
  .sahne__nokta::before {
    inset: -8px;
    border-width: 1px;
  }
  .sahne__nokta__no { font-size: 10px; }
  .sahne-panel { padding: var(--bos-4); }
  .sahne-panel h3 { font-size: 1.2rem; }

  /* Rasathane bilgi kartları */
  .rasathane-bilgi { gap: var(--bos-4); }
  .rasathane-bilgi article { padding: var(--bos-4); }
  .ekip-kart { padding: var(--bos-3); }
  .ekip-kart__siluet { width: 44px; height: 44px; font-size: 1.3rem; }
  .ekip-kart h4 { font-size: 0.9rem; }
  .ekip-kart p { font-size: 0.78rem; }

  /* Sekme bar — yatay scroll */
  .sekme-bar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    scrollbar-color: var(--pirinc) transparent;
  }
  .sekme-bar::-webkit-scrollbar { height: 4px; }
  .sekme-bar::-webkit-scrollbar-thumb { background: var(--pirinc); border-radius: 2px; }
  .sekme-bar button {
    flex-shrink: 0;
    font-size: 0.96rem;
    padding: var(--bos-2) var(--bos-3);
  }

  /* Eser listesi */
  .eser-listesi { gap: var(--bos-3); }
  .eser-kart { padding: var(--bos-4); }
  .eser-kart h3 { font-size: 1.1rem; }

  /* Mühendislik vitrini */
  .bulus-vitrin article { padding: var(--bos-4); }
  .bulus-vitrin h3 { font-size: 1.15rem; }

  /* Atölye — küçük ekran */
  .atolye-izgara,
  .atolye-tema {
    grid-template-columns: 1fr;
    gap: var(--bos-4);
  }
  .atolye-vitrin,
  .atolye-sahne {
    aspect-ratio: 1 / 1;
    max-width: 100%;
    padding: var(--bos-3);
  }
  .atolye-panel { padding: var(--bos-4); }
  .atolye-baslik { font-size: 1.3rem; }
  .atolye-grup label { font-size: 0.7rem; }
  .atolye-grup__deger { font-size: 1.1rem; }

  /* Atölye seçim butonları sığsın */
  .atolye-secim {
    flex-wrap: wrap;
    gap: var(--bos-1);
  }
  .atolye-secim button {
    font-size: 0.7rem;
    padding: var(--bos-1) var(--bos-3);
    letter-spacing: 0.06em;
  }

  /* Görev kutusu */
  .gorev-kutu { padding: var(--bos-3) var(--bos-4); }
  .gorev-kutu p { font-size: 0.85rem; }
  .gorev-kutu__durum { font-size: 0.92rem; }

  /* Sayaç kutusu */
  .sayac-kutu .sayi { font-size: 1.7rem; }

  /* Yıldız listesi (astrolab atölyesi) — küçük ekran 1 sütun */
  .gokyuzu-liste {
    grid-template-columns: 1fr;
  }

  /* Bilim halkası */
  .bilim-nokta { padding: var(--bos-2); }
  .bilim-nokta__yil { font-size: 1.2rem; }

  /* Komet hero */
  .komet-hero { min-height: clamp(420px, 70vh, 600px); }
  .komet-sahne svg { width: 260%; }
  .komet-hero h1 { font-size: clamp(2rem, 8vw, 2.6rem); }
  .komet-hero__alt { font-size: 1rem; }

  /* Olay şeridi (kuyruklu yıldız) — tek sütun zaten var ama küçült */
  .olay-nokta { padding: var(--bos-1); }
  .olay-nokta__tarih { font-size: 0.78rem; }
  .olay-nokta__baslik { font-size: 0.7rem; }

  /* Rapor bloğu (alıntı) */
  .rapor-blok {
    padding: var(--bos-5) var(--bos-4);
    margin-inline: 0;
  }
  .rapor-blok blockquote { font-size: 1.15rem; }
  .rapor-blok::before, .rapor-blok::after { display: none; }

  /* Çatallanan kader */
  .catallar article { padding: var(--bos-4); }
  .catallar h3 { font-size: 1.2rem; }

  /* Zaman çizelgesi mobil (zaten var ama küçük rötuş) */
  .zaman::before { left: 16px; }
  .zaman__durak { padding-left: 44px; }
  .zaman__nokta { left: 16px; width: 12px; height: 12px; }
  .zaman__icerik { padding: var(--bos-4); }
  .zaman__icerik h3 { font-size: 1.15rem; }
  .zaman__icerik p { font-size: 0.88rem; }

  /* Footer */
  .site-alt { padding-block: var(--bos-5) var(--bos-3); }
  .site-alt__ic { gap: var(--bos-4); }
  .site-alt h4 { font-size: 0.72rem; }
  .site-alt__telif {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--bos-2);
  }

  /* Sonraki bağlantı */
  .sonraki {
    margin: var(--bos-7) auto var(--bos-4);
    padding: var(--bos-4) var(--bos-3);
  }
  .sonraki a {
    padding: var(--bos-2) var(--bos-4);
    font-size: 0.74rem;
    letter-spacing: 0.1em;
  }

  /* Rota grafiği — Hayatı sayfası */
  .rota { padding: var(--bos-3); }

  /* Yıkım kutusu */
  .yikim { padding: var(--bos-4); }
  .yikim h3 { font-size: 1.15rem; }

  /* Alet detay panelleri */
  .alet-detay__icerik { font-size: 0.85rem; }
  .alet-detay summary { font-size: 0.68rem; }

  /* 26 eser accordion */
  .eser-toplu summary { font-size: 1.15rem; padding: var(--bos-2) 0; }
  .eser-toplu__icerik { gap: var(--bos-3); }
  .eser-toplu__icerik li { font-size: 0.85rem; }
}

@media (max-width: 480px) {
  /* Daha küçük ekranlar için ek sıkışma */
  h1 { font-size: clamp(1.8rem, 8vw, 2.3rem); }
  .kapsayici { padding-inline: var(--bos-3); }
  .bolum { padding-block: var(--bos-5); }

  /* Tek sütun zorla */
  .aletler-galeri,
  .kart-izgara,
  .rasathane-bilgi,
  .ekip-izgara,
  .nasil-calisir,
  .eser-listesi,
  .bulus-vitrin {
    grid-template-columns: 1fr !important;
  }

  /* Rakamlar tek sütun */
  .rakamlar {
    grid-template-columns: 1fr !important;
  }
  .rakam { padding: var(--bos-2) 0; }
  .rakam__deger { font-size: 1.8rem; }

  /* Hero CTA dikey yığma */
  .hero__ic > div[style*="display: flex"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .hero__cta { justify-content: center; }

  /* Atölye sahnesi daha küçük */
  .atolye-vitrin,
  .atolye-sahne { padding: var(--bos-2); }

  /* Şehinşehname noktaları daha küçük */
  .sahne__nokta {
    width: 16px; height: 16px;
  }
  .sahne__nokta__no { font-size: 9px; }

  /* Buton padding'leri sıkıştır */
  .atolye-buton {
    padding: var(--bos-2) var(--bos-4);
    font-size: 0.78rem;
  }

  /* Tarih şeridi rakam vurgu küçült */
  .komet-veri .deger { font-size: 1.4rem; }
}

/* Daha geniş tabletler için */
@media (min-width: 721px) and (max-width: 960px) {
  .aletler-galeri,
  .rasathane-bilgi,
  .bulus-vitrin {
    grid-template-columns: repeat(2, 1fr);
  }
  .atolye-tema {
    grid-template-columns: 1fr;
  }
}

/* Çok yüksek dpi için font netleştirme */
@media (-webkit-min-device-pixel-ratio: 2) {
  body { text-rendering: optimizeLegibility; }
}

/* Yatay ekran (mobil) */
@media (max-height: 500px) and (orientation: landscape) {
  .hero { min-height: 100vh; }
  .sayfa-bas { padding-block: var(--bos-5) var(--bos-3); }
}

/* Dokunmatik cihazlarda hover'ı azalt */
@media (hover: none) {
  .alet-kart:hover,
  .kart:hover,
  .ekip-kart:hover {
    transform: none;
  }
}

/* --- 30. Görsel galeri (tarihi figürler) ---------------- */
.figur-galeri {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--bos-5);
  margin: var(--bos-7) 0;
}
.figur {
  background: rgba(243, 233, 210, 0.04);
  border: 1px solid rgba(200, 164, 77, 0.25);
  border-radius: var(--kose-kart);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis);
}
.figur:hover {
  transform: translateY(-3px);
  border-color: rgba(200, 164, 77, 0.55);
  box-shadow: var(--golge-kart);
}
.figur__resim {
  background: #1a1a1a;
  padding: var(--bos-4);
  display: grid;
  place-items: center;
  min-height: 160px;
}
.figur__resim img {
  max-width: 100%;
  max-height: 320px;
  height: auto;
  display: block;
  border-radius: 4px;
}
.figur__altyazi {
  padding: var(--bos-3) var(--bos-4);
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--gokyuzu-mat);
  border-top: 1px solid rgba(200, 164, 77, 0.18);
}
.figur__altyazi strong {
  color: var(--pirinc-acik);
  font-style: normal;
  display: block;
  margin-bottom: var(--bos-1);
  font-family: var(--font-baslik);
  font-size: 1rem;
  letter-spacing: 0.02em;
}

/* Yan yana karşılaştırma (örn. Takiyüddin vs Branca) */
.figur-karsilastir {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-5);
  align-items: stretch;
  margin: var(--bos-7) 0;
}
.figur-karsilastir .figur { margin: 0; }
.figur-karsilastir__ok {
  position: relative;
}
.figur-karsilastir__ok::after {
  content: "vs";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: var(--gece-derin);
  color: var(--pirinc);
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 1.4rem;
  width: 50px; height: 50px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid var(--pirinc);
  z-index: 2;
}
@media (max-width: 760px) {
  .figur-karsilastir { grid-template-columns: 1fr; }
}

/* Tek büyük figür (tam genişlikte) */
.figur-buyuk {
  margin: var(--bos-7) auto;
  max-width: 720px;
  background: rgba(243, 233, 210, 0.04);
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  overflow: hidden;
}
.figur-buyuk img {
  width: 100%;
  height: auto;
  display: block;
  background: #1a1a1a;
}
.figur-buyuk__altyazi {
  padding: var(--bos-4) var(--bos-5);
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--gokyuzu-mat);
  text-align: center;
  font-size: 0.92rem;
  line-height: 1.6;
}
.figur-buyuk__altyazi strong {
  color: var(--pirinc-acik);
  font-style: normal;
  font-family: var(--font-baslik);
}

/* Hover zoom efekti (figürler için) */
.figur-zoom { cursor: zoom-in; transition: transform 350ms ease; }
.figur-zoom:hover { transform: scale(1.02); }

/* Mobil ayar */
@media (max-width: 720px) {
  .figur-galeri { gap: var(--bos-3); }
  .figur__resim { padding: var(--bos-3); min-height: 140px; }
  .figur__resim img { max-height: 240px; }
  .figur__altyazi { padding: var(--bos-3); font-size: 0.82rem; }
  .figur-karsilastir__ok::after {
    width: 40px; height: 40px; font-size: 1.1rem;
  }
}

/* --- 31. Anasayfa premium katmanlar -------------------- */

/* Atmosferik alıntı bandı */
.ana-alinti {
  padding: var(--bos-9) var(--bos-5);
  background:
    radial-gradient(ellipse at 50% 50%, rgba(200, 164, 77, 0.06), transparent 70%),
    linear-gradient(180deg, transparent, rgba(7,11,28,0.4) 50%, transparent);
  text-align: center;
  position: relative;
}
.ana-alinti::before,
.ana-alinti::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 60px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--pirinc), transparent);
  transform: translateX(-50%);
}
.ana-alinti::before { top: var(--bos-7); }
.ana-alinti::after { bottom: var(--bos-7); }

.ana-alinti blockquote {
  margin: 0 auto;
  max-width: 820px;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.4rem, 3vw, 2.1rem);
  font-weight: 400;
  color: var(--parsomen);
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.ana-alinti blockquote::before {
  content: "“";
  display: block;
  font-size: clamp(3rem, 6vw, 5rem);
  color: var(--pirinc);
  line-height: 0.6;
  margin-bottom: var(--bos-2);
  opacity: 0.7;
}
.ana-alinti cite {
  display: block;
  margin-top: var(--bos-5);
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
}

/* Featured sahne — Şehinşehname showcase */
.featured-sahne {
  position: relative;
  padding: var(--bos-8) 0;
  background:
    linear-gradient(180deg, var(--gece-derin), rgba(14,23,51,0.4));
}
.featured-sahne__ic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-7);
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
@media (max-width: 860px) {
  .featured-sahne__ic { grid-template-columns: 1fr; gap: var(--bos-5); }
}
.featured-sahne__gorsel {
  position: relative;
}
.featured-sahne__gorsel img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--kose-kart);
  border: 1px solid rgba(200, 164, 77, 0.35);
  box-shadow:
    0 30px 80px -25px rgba(0, 0, 0, 0.85),
    0 0 0 1px rgba(200, 164, 77, 0.08);
  transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.featured-sahne__gorsel:hover img {
  transform: translateY(-4px) rotate(-0.5deg);
}
.featured-sahne__gorsel::before {
  content: "";
  position: absolute;
  inset: -20px;
  border: 1px solid rgba(200, 164, 77, 0.15);
  border-radius: calc(var(--kose-kart) + 12px);
  pointer-events: none;
  z-index: -1;
}
.featured-sahne__metin h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  margin-bottom: var(--bos-4);
}
.featured-sahne__metin h2 em {
  color: var(--pirinc-acik);
  font-style: italic;
  display: block;
}
.featured-sahne__metin p {
  color: var(--gokyuzu-mat);
  font-size: 1.05rem;
  line-height: 1.75;
}
.featured-sahne__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--bos-3);
  margin-top: var(--bos-5);
  padding: var(--bos-3) var(--bos-5);
  background: rgba(200, 164, 77, 0.12);
  border: 1px solid var(--pirinc);
  color: var(--parsomen);
  border-radius: 999px;
  font-size: 0.84rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: background var(--gecis), color var(--gecis), transform var(--gecis);
}
.featured-sahne__cta:hover {
  background: var(--pirinc);
  color: var(--gece-koyu);
  transform: translateY(-2px);
}

/* Atölye banner — 10 atölye CTA */
.atolye-banner {
  margin: var(--bos-9) auto;
  max-width: 1100px;
  padding: var(--bos-8) var(--bos-6);
  background:
    radial-gradient(ellipse at top right, rgba(231, 205, 134, 0.1), transparent 60%),
    radial-gradient(ellipse at bottom left, rgba(181, 83, 46, 0.08), transparent 60%),
    linear-gradient(160deg, rgba(14, 23, 51, 0.85), rgba(7, 11, 28, 0.95));
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.atolye-banner::before {
  content: "";
  position: absolute;
  top: -50%; left: -10%;
  width: 300px; height: 300px;
  border: 1px solid rgba(200, 164, 77, 0.1);
  border-radius: 50%;
  pointer-events: none;
}
.atolye-banner::after {
  content: "";
  position: absolute;
  bottom: -40%; right: -10%;
  width: 260px; height: 260px;
  border: 1px solid rgba(200, 164, 77, 0.1);
  border-radius: 50%;
  pointer-events: none;
}
.atolye-banner__rozet {
  display: inline-block;
  padding: var(--bos-1) var(--bos-4);
  background: rgba(200, 164, 77, 0.18);
  border: 1px solid var(--pirinc);
  border-radius: 999px;
  font-size: 0.7rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--pirinc-acik);
  font-weight: 600;
  margin-bottom: var(--bos-4);
}
.atolye-banner h2 {
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
  margin-bottom: var(--bos-3);
}
.atolye-banner > p {
  color: var(--gokyuzu-mat);
  max-width: 580px;
  margin: 0 auto var(--bos-6);
  font-size: 1.05rem;
}
.atolye-banner__ikonlar {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--bos-3);
  max-width: 540px;
  margin: var(--bos-5) auto;
}
@media (max-width: 720px) {
  .atolye-banner__ikonlar {
    grid-template-columns: repeat(5, 1fr);
    gap: var(--bos-1);
  }
}
@media (max-width: 480px) {
  .atolye-banner__ikonlar {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
.atolye-banner__ikon {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: rgba(7, 11, 28, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: 50%;
  color: var(--pirinc);
  transition: background var(--gecis), border-color var(--gecis), color var(--gecis), transform var(--gecis);
}
.atolye-banner__ikon:hover {
  background: var(--pirinc);
  color: var(--gece-koyu);
  border-color: var(--pirinc);
  transform: translateY(-3px);
}
.atolye-banner__ikon svg { width: 50%; height: 50%; }

.atolye-banner__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--bos-3);
  margin-top: var(--bos-5);
  padding: var(--bos-3) var(--bos-7);
  background: var(--pirinc-acik);
  color: var(--gece-koyu);
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition: background var(--gecis), transform var(--gecis);
}
.atolye-banner__cta:hover {
  background: var(--parsomen);
  transform: translateY(-2px);
}

/* Yıl çizgisi vurgu */
.yil-cizgi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bos-5);
  max-width: 900px;
  margin: var(--bos-8) auto;
  padding: 0 var(--bos-5);
  position: relative;
}
@media (max-width: 720px) {
  .yil-cizgi { grid-template-columns: 1fr; }
}
.yil-cizgi__nokta {
  text-align: center;
  position: relative;
}
.yil-cizgi__yil {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(2.6rem, 5vw, 3.6rem);
  color: var(--pirinc-acik);
  display: block;
  line-height: 1;
  margin-bottom: var(--bos-2);
}
.yil-cizgi__olay {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--parsomen);
  font-size: 1.1rem;
  display: block;
  margin-bottom: var(--bos-1);
}
.yil-cizgi__alt {
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
}

/* Tarihi mini galeri (anasayfa) */
.ana-galeri {
  padding: var(--bos-8) 0;
  background: linear-gradient(180deg, transparent, rgba(7,11,28,0.4));
}
.ana-galeri__bas {
  text-align: center;
  margin-bottom: var(--bos-6);
}
.ana-galeri__izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bos-4);
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
@media (max-width: 720px) {
  .ana-galeri__izgara { grid-template-columns: 1fr; }
}
.ana-galeri__kart {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: var(--kose-kart);
  border: 1px solid rgba(200, 164, 77, 0.25);
  text-decoration: none;
}
.ana-galeri__kart img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ana-galeri__kart:hover img { transform: scale(1.05); }
.ana-galeri__kart__perde {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(3,5,15,0.95) 0%, rgba(3,5,15,0.3) 50%, transparent 80%);
  padding: var(--bos-5);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--parsomen);
}
.ana-galeri__kart__etiket {
  font-size: 0.7rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
  margin-bottom: var(--bos-2);
}
.ana-galeri__kart__baslik {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.3rem;
  color: var(--parsomen);
  margin: 0 0 var(--bos-2);
}
.ana-galeri__kart__alt {
  font-size: 0.85rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.5;
}

/* Hero başlığında alt vurgu çizgisi */
.hero h1::after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--pirinc), transparent);
  margin: var(--bos-4) auto 0;
}

/* --- 32. Hayatı sayfası premium katmanlar ------------- */

/* Şehir kartları (4 şehir illüstrasyonu) */
.sehirler {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bos-4);
  margin: var(--bos-7) 0;
}
@media (max-width: 900px) {
  .sehirler { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 500px) {
  .sehirler { grid-template-columns: 1fr; }
}
.sehir-kart {
  background: linear-gradient(180deg, rgba(14, 23, 51, 0.5) 0%, rgba(7, 11, 28, 0.85) 100%);
  border: 1px solid rgba(200, 164, 77, 0.22);
  border-radius: var(--kose-kart);
  overflow: hidden;
  transition: border-color var(--gecis), transform var(--gecis), box-shadow var(--gecis);
}
.sehir-kart:hover {
  border-color: rgba(200, 164, 77, 0.55);
  transform: translateY(-4px);
  box-shadow: var(--golge-kart);
}
.sehir-kart__siluet {
  aspect-ratio: 16 / 11;
  display: grid;
  place-items: end center;
  padding: var(--bos-3);
  background: linear-gradient(180deg, rgba(30, 45, 90, 0.4) 0%, rgba(7, 11, 28, 0.7) 100%);
  position: relative;
}
.sehir-kart__siluet svg {
  width: 100%;
  height: 100%;
  color: var(--pirinc);
}
.sehir-kart__siluet::before {
  content: "";
  position: absolute;
  top: 14%;
  right: 18%;
  width: 6px;
  height: 6px;
  background: var(--pirinc-acik);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(231, 205, 134, 0.6);
}
.sehir-kart__siluet::after {
  content: "";
  position: absolute;
  top: 22%;
  left: 24%;
  width: 4px;
  height: 4px;
  background: var(--gokyuzu);
  border-radius: 50%;
  opacity: 0.7;
}
.sehir-kart__icerik {
  padding: var(--bos-4) var(--bos-4) var(--bos-5);
  text-align: center;
}
.sehir-kart__yil {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc);
  font-size: 0.85rem;
  display: block;
  margin-bottom: var(--bos-2);
  letter-spacing: 0.04em;
}
.sehir-kart h3 {
  margin: 0 0 var(--bos-2);
  font-size: 1.4rem;
  color: var(--parsomen);
}
.sehir-kart__rol {
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pirinc-acik);
  display: block;
  margin-bottom: var(--bos-2);
}
.sehir-kart p {
  font-size: 0.86rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.6;
}

/* Patron portreleri */
.patronlar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bos-5);
  margin: var(--bos-7) 0;
  max-width: 900px;
  margin-inline: auto;
}
@media (max-width: 700px) {
  .patronlar { grid-template-columns: 1fr; }
}
.patron-kart {
  text-align: center;
  padding: var(--bos-5);
  background: rgba(14, 23, 51, 0.4);
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: var(--kose-kart);
  transition: border-color var(--gecis), transform var(--gecis);
}
.patron-kart:hover {
  border-color: rgba(200, 164, 77, 0.45);
  transform: translateY(-3px);
}
.patron-kart__siluet {
  width: 110px;
  height: 110px;
  margin: 0 auto var(--bos-4);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 35%, rgba(231, 205, 134, 0.18), transparent 70%),
    linear-gradient(160deg, rgba(200, 164, 77, 0.25), rgba(14, 23, 51, 0.7));
  border: 1px solid rgba(200, 164, 77, 0.4);
  display: grid;
  place-items: center;
  overflow: hidden;
  position: relative;
}
.patron-kart__siluet svg {
  width: 80%;
  height: 80%;
  color: var(--pirinc);
}
.patron-kart h3 {
  margin: 0 0 var(--bos-1);
  font-size: 1.2rem;
}
.patron-kart__unvan {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 0.92rem;
  display: block;
  margin-bottom: var(--bos-3);
}
.patron-kart p {
  font-size: 0.88rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.65;
}

/* Hayatı sayfa başlığına atmosferik üst banner */
.hayati-bant {
  position: relative;
  padding: var(--bos-7) 0 var(--bos-5);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(30, 45, 90, 0.5), transparent 70%),
    linear-gradient(to bottom, transparent, rgba(14, 23, 51, 0.3));
  text-align: center;
  overflow: hidden;
}
.hayati-bant__motif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 200px;
  pointer-events: none;
  opacity: 0.12;
}
.hayati-bant__metin {
  position: relative;
  z-index: 2;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
.hayati-bant__yil-aralik {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.8rem, 3.2vw, 2.4rem);
  color: var(--pirinc-acik);
  margin-bottom: var(--bos-3);
}
.hayati-bant__yil-aralik span {
  color: var(--parsomen);
  font-style: normal;
  letter-spacing: 0.06em;
}

/* --- 33. Portre tanıtım bölümü (Hayatı sayfası) -------- */
.portre-bolum {
  padding: var(--bos-9) 0 var(--bos-7);
  background:
    radial-gradient(ellipse at 25% 50%, rgba(200, 164, 77, 0.07), transparent 65%),
    radial-gradient(ellipse at 75% 50%, rgba(30, 45, 90, 0.4), transparent 70%);
}
.portre-izgara {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: var(--bos-7);
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
@media (max-width: 820px) {
  .portre-izgara { grid-template-columns: 1fr; gap: var(--bos-5); }
}

.portre-cerceve {
  position: relative;
  padding: var(--bos-5);
  background:
    radial-gradient(ellipse at center, rgba(200, 164, 77, 0.1), transparent 70%),
    rgba(7, 11, 28, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.35);
  border-radius: var(--kose-kart);
}
.portre-cerceve::before {
  content: "";
  position: absolute;
  inset: -14px;
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: calc(var(--kose-kart) + 8px);
  pointer-events: none;
}
.portre-cerceve::after {
  content: "";
  position: absolute;
  inset: -28px;
  border: 1px solid rgba(200, 164, 77, 0.08);
  border-radius: calc(var(--kose-kart) + 16px);
  pointer-events: none;
}
.portre-cerceve img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.8);
  transition: transform 700ms cubic-bezier(0.4, 0, 0.2, 1);
}
.portre-cerceve:hover img {
  transform: scale(1.02);
}
.portre-cerceve__altyazi {
  margin-top: var(--bos-4);
  text-align: center;
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 0.92rem;
  letter-spacing: 0.02em;
}
.portre-cerceve__kaynak {
  display: block;
  margin-top: var(--bos-1);
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  opacity: 0.7;
}

.portre-metin .kucuk-baslik { margin-bottom: var(--bos-3); }
.portre-metin h2 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  margin-bottom: var(--bos-4);
}
.portre-metin h2 em {
  display: block;
  color: var(--pirinc-acik);
  font-style: italic;
  font-weight: 400;
  font-size: 0.7em;
  margin-top: var(--bos-2);
}
.portre-metin p {
  color: var(--gokyuzu-mat);
  font-size: 1.05rem;
  line-height: 1.75;
  margin: 0 0 var(--bos-3);
}
.portre-metin p:last-child { margin-bottom: 0; }
.portre-metin .vurgu-cizgi {
  width: 60px;
  height: 1px;
  background: linear-gradient(to right, var(--pirinc), transparent);
  margin: var(--bos-4) 0;
}

.portre-detaylar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bos-4) var(--bos-5);
  margin-top: var(--bos-5);
  padding-top: var(--bos-5);
  border-top: 1px solid rgba(200, 164, 77, 0.2);
}
.portre-detay {
  flex: 1 1 140px;
}
.portre-detay__etiket {
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pirinc);
  display: block;
  margin-bottom: 4px;
}
.portre-detay__deger {
  font-family: var(--font-baslik);
  font-style: italic;
  color: var(--parsomen);
  font-size: 1.1rem;
}

/* --- 34. Rasathane sayfası premium katmanlar ----------- */

/* Hero alanı — büyük tarihi görsel banner */
.rh-hero {
  position: relative;
  padding: var(--bos-7) 0;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(30, 45, 90, 0.5), transparent 70%),
    var(--gece-derin);
}
.rh-hero__izgara {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: var(--bos-7);
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
@media (max-width: 860px) {
  .rh-hero__izgara { grid-template-columns: 1fr; gap: var(--bos-5); }
}
.rh-hero__gorsel {
  position: relative;
  border-radius: var(--kose-kart);
  overflow: hidden;
  border: 1px solid rgba(200, 164, 77, 0.4);
  box-shadow: 0 30px 80px -20px rgba(0,0,0,0.9), 0 0 0 1px rgba(200, 164, 77, 0.1);
}
.rh-hero__gorsel img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 700ms cubic-bezier(0.4, 0, 0.2, 1);
}
.rh-hero__gorsel:hover img { transform: scale(1.03); }
.rh-hero__gorsel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 60%, rgba(7,11,28,0.4));
  pointer-events: none;
}
.rh-hero__etiket {
  position: absolute;
  bottom: var(--bos-3);
  right: var(--bos-4);
  background: rgba(7, 11, 28, 0.85);
  color: var(--pirinc-acik);
  padding: var(--bos-2) var(--bos-3);
  border-radius: 999px;
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  border: 1px solid rgba(200, 164, 77, 0.45);
}
.rh-hero__metin h2 {
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  margin-bottom: var(--bos-4);
  line-height: 1.2;
}
.rh-hero__metin h2 em {
  display: block;
  color: var(--pirinc-acik);
  font-style: italic;
  font-size: 0.6em;
  margin-top: var(--bos-2);
  font-weight: 400;
}
.rh-hero__metin p {
  color: var(--gokyuzu-mat);
  font-size: 1.05rem;
  line-height: 1.7;
}
.rh-hero__metric {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bos-5);
  margin-top: var(--bos-5);
  padding-top: var(--bos-5);
  border-top: 1px solid rgba(200, 164, 77, 0.18);
}
.rh-hero__metric > div { flex: 1 1 100px; }
.rh-hero__metric .deger {
  font-family: var(--font-baslik);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 1.8rem;
  display: block;
  line-height: 1;
}
.rh-hero__metric .etiket {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  margin-top: var(--bos-1);
  display: block;
}

/* Rasathane anatomi planı */
.rh-anatomi {
  margin: var(--bos-9) auto;
  max-width: 1000px;
  padding: var(--bos-5);
  background:
    radial-gradient(ellipse at center, rgba(14, 23, 51, 0.5), rgba(7, 11, 28, 0.3));
  border: 1px solid rgba(200, 164, 77, 0.2);
  border-radius: var(--kose-kart);
}
.rh-anatomi__bas {
  text-align: center;
  margin-bottom: var(--bos-5);
}
.rh-anatomi__plan {
  position: relative;
  aspect-ratio: 16 / 9;
  background: radial-gradient(ellipse at 30% 30%, rgba(30, 45, 90, 0.4), transparent),
              rgba(7, 11, 28, 0.6);
  border-radius: var(--kose-kart);
  overflow: hidden;
}
.rh-anatomi__plan svg {
  width: 100%; height: 100%;
}
.rh-anatomi__lejand {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--bos-3);
  margin-top: var(--bos-4);
  font-size: 0.86rem;
}
.rh-anatomi__lejand-item {
  display: flex;
  align-items: center;
  gap: var(--bos-2);
  color: var(--gokyuzu-mat);
}
.rh-anatomi__lejand-item .nokta {
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--pirinc);
  flex-shrink: 0;
}
.rh-anatomi__lejand-item .nokta--ek { background: var(--mercan); }
.rh-anatomi__lejand-item .nokta--kutuphane { background: var(--pirinc-acik); }
.rh-anatomi__lejand-item .nokta--alet { background: var(--gokyuzu); }

/* Tarihi alıntı (Lokman) */
.rh-alinti {
  margin: var(--bos-8) auto;
  max-width: 820px;
  padding: var(--bos-6) var(--bos-7);
  background:
    radial-gradient(ellipse at 50% 100%, rgba(200, 164, 77, 0.08), transparent 70%),
    rgba(14, 23, 51, 0.5);
  border-left: 3px solid var(--pirinc);
  border-right: 3px solid var(--pirinc);
  border-radius: var(--kose-kart);
  text-align: center;
}
.rh-alinti blockquote {
  margin: 0;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.3rem, 2.4vw, 1.7rem);
  color: var(--parsomen);
  line-height: 1.55;
}
.rh-alinti blockquote::before {
  content: "“";
  display: block;
  font-size: 3.5rem;
  color: var(--pirinc);
  line-height: 0.6;
  margin-bottom: var(--bos-2);
  opacity: 0.8;
}
.rh-alinti cite {
  display: block;
  margin-top: var(--bos-4);
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pirinc);
}

/* 4 yıl zaman çubuğu */
.rh-zaman-cubugu {
  margin: var(--bos-8) auto;
  max-width: 920px;
  padding: 0 var(--bos-5);
}
.rh-zaman-cubugu__bas {
  text-align: center;
  margin-bottom: var(--bos-5);
}
.rh-zaman-cubugu__satir {
  position: relative;
  padding: var(--bos-7) 0 var(--bos-3);
}
.rh-zaman-cubugu__cizgi {
  position: absolute;
  top: 50%;
  left: 4%;
  right: 4%;
  height: 2px;
  background: linear-gradient(to right,
    transparent 0%,
    var(--pirinc) 10%,
    var(--pirinc) 80%,
    var(--mercan) 95%,
    transparent 100%);
}
.rh-zaman-cubugu__noktalar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bos-3);
  position: relative;
}
@media (max-width: 600px) {
  .rh-zaman-cubugu__noktalar { grid-template-columns: 1fr 1fr; }
}
.rh-nokta {
  text-align: center;
  position: relative;
  padding-top: 50px;
}
.rh-nokta::before {
  content: "";
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--gece-derin);
  border: 2px solid var(--pirinc);
  z-index: 2;
}
.rh-nokta--bitis::before {
  background: var(--mercan);
  border-color: var(--mercan);
  box-shadow: 0 0 0 6px rgba(181, 83, 46, 0.18);
}
.rh-nokta__yil {
  font-family: var(--font-baslik);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 1.4rem;
  display: block;
  line-height: 1;
  margin-bottom: var(--bos-1);
}
.rh-nokta__olay {
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  display: block;
}
.rh-nokta--bitis .rh-nokta__yil { color: var(--mercan); }
.rh-nokta--bitis .rh-nokta__olay { color: var(--mercan); }

/* Yan yana görsel kart (bilgi + görsel) */
.rh-yan-galeri {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-5);
  margin: var(--bos-7) auto;
  max-width: 1000px;
  padding: 0 var(--bos-5);
}
@media (max-width: 700px) {
  .rh-yan-galeri { grid-template-columns: 1fr; }
}
.rh-yan-kart {
  background: rgba(14, 23, 51, 0.5);
  border: 1px solid rgba(200, 164, 77, 0.22);
  border-radius: var(--kose-kart);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.rh-yan-kart img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  border-bottom: 1px solid rgba(200, 164, 77, 0.25);
}
.rh-yan-kart__icerik {
  padding: var(--bos-5);
}
.rh-yan-kart__icerik h3 {
  margin: 0 0 var(--bos-2);
  font-size: 1.3rem;
}
.rh-yan-kart__etiket {
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pirinc);
  display: block;
  margin-bottom: var(--bos-2);
}
.rh-yan-kart p {
  font-size: 0.92rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.65;
}

/* --- 35. Aletleri sayfası premium katmanlar ----------- */

/* Hero görsel banner */
.al-hero {
  position: relative;
  padding: var(--bos-7) 0 var(--bos-8);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(30, 45, 90, 0.4), transparent 70%),
    var(--gece-derin);
}
.al-hero__izgara {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: var(--bos-7);
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
@media (max-width: 860px) {
  .al-hero__izgara { grid-template-columns: 1fr; gap: var(--bos-5); }
}
.al-hero__galeri {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--bos-2);
  aspect-ratio: 1/1;
}
.al-hero__galeri figure {
  margin: 0;
  position: relative;
  border-radius: var(--kose-kart);
  overflow: hidden;
  border: 1px solid rgba(200, 164, 77, 0.35);
}
.al-hero__galeri figure:nth-child(1) { grid-column: 1 / 3; }
.al-hero__galeri img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 600ms ease;
}
.al-hero__galeri figure:hover img { transform: scale(1.05); }
.al-hero__galeri figcaption {
  position: absolute;
  bottom: var(--bos-2);
  left: var(--bos-2);
  background: rgba(7, 11, 28, 0.85);
  color: var(--pirinc-acik);
  padding: 4px 10px;
  border-radius: 4px;
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 0.75rem;
  border: 1px solid rgba(200, 164, 77, 0.3);
}
.al-hero__metin h2 {
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  margin-bottom: var(--bos-4);
  line-height: 1.2;
}
.al-hero__metin h2 em {
  display: block;
  color: var(--pirinc-acik);
  font-style: italic;
  font-size: 0.6em;
  margin-top: var(--bos-2);
}
.al-hero__metin p {
  color: var(--gokyuzu-mat);
  font-size: 1.05rem;
  line-height: 1.7;
}

/* Kategori şeridi — 4 büyük rakam */
.al-kategoriler {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bos-3);
  margin-top: var(--bos-6);
  padding-top: var(--bos-5);
  border-top: 1px solid rgba(200, 164, 77, 0.18);
}
@media (max-width: 600px) {
  .al-kategoriler { grid-template-columns: 1fr 1fr; }
}
.al-kategori {
  text-align: center;
  padding: var(--bos-3);
  border-right: 1px solid rgba(200, 164, 77, 0.12);
}
.al-kategori:last-child { border-right: 0; }
@media (max-width: 600px) {
  .al-kategori:nth-child(2n) { border-right: 0; }
}
.al-kategori__rakam {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 2.4rem;
  color: var(--pirinc-acik);
  display: block;
  line-height: 1;
}
.al-kategori__rakam--icat { color: var(--mercan); }
.al-kategori__etiket {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  margin-top: var(--bos-2);
  display: block;
}

/* Manuscript alet figürleri galerisi */
.al-manuscript-galeri {
  margin: var(--bos-9) auto var(--bos-7);
  max-width: 1100px;
}
.al-manuscript-galeri__bas {
  text-align: center;
  margin-bottom: var(--bos-5);
}
.al-manuscript-galeri__izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bos-4);
}
@media (max-width: 760px) {
  .al-manuscript-galeri__izgara { grid-template-columns: 1fr; }
}
.al-manuscript-galeri figure {
  margin: 0;
  background: #1a1a1a;
  border: 1px solid rgba(200, 164, 77, 0.25);
  border-radius: var(--kose-kart);
  overflow: hidden;
  transition: border-color var(--gecis), transform var(--gecis);
}
.al-manuscript-galeri figure:hover {
  border-color: rgba(200, 164, 77, 0.55);
  transform: translateY(-3px);
}
.al-manuscript-galeri img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}
.al-manuscript-galeri figcaption {
  padding: var(--bos-3) var(--bos-4);
  font-family: var(--font-vurgu);
  font-style: italic;
  font-size: 0.86rem;
  color: var(--gokyuzu-mat);
  border-top: 1px solid rgba(200, 164, 77, 0.18);
  background: rgba(14, 23, 51, 0.6);
}
.al-manuscript-galeri figcaption strong {
  display: block;
  color: var(--pirinc-acik);
  font-style: normal;
  font-family: var(--font-baslik);
  font-size: 1rem;
  margin-bottom: 2px;
}

/* Kategori başlık ayırıcı */
.al-kategori-baslik {
  text-align: center;
  margin: var(--bos-8) 0 var(--bos-5);
  position: relative;
}
.al-kategori-baslik::before,
.al-kategori-baslik::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 22%;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(200, 164, 77, 0.45));
}
.al-kategori-baslik::before { left: 10%; }
.al-kategori-baslik::after {
  right: 10%;
  background: linear-gradient(to left, transparent, rgba(200, 164, 77, 0.45));
}
@media (max-width: 720px) {
  .al-kategori-baslik::before,
  .al-kategori-baslik::after { width: 12%; }
}
.al-kategori-baslik h3 {
  display: inline-block;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.5rem;
  color: var(--parsomen);
  padding: 0 var(--bos-4);
  margin: 0;
}
.al-kategori-baslik p {
  margin: var(--bos-2) 0 0;
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
}

/* --- 36. Eserleri sayfası premium katmanlar ----------- */

/* Sidret başyapıt hero */
.es-hero {
  position: relative;
  padding: var(--bos-7) 0 var(--bos-8);
  background:
    radial-gradient(ellipse at 50% 30%, rgba(200, 164, 77, 0.06), transparent 65%),
    radial-gradient(ellipse at 80% 80%, rgba(30, 45, 90, 0.4), transparent 70%);
}
.es-hero__izgara {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: var(--bos-7);
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
@media (max-width: 860px) {
  .es-hero__izgara { grid-template-columns: 1fr; gap: var(--bos-5); }
}
.es-hero__cerceve {
  position: relative;
  padding: var(--bos-5);
  background:
    radial-gradient(ellipse at 50% 50%, rgba(200, 164, 77, 0.12), transparent 65%),
    rgba(7, 11, 28, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.4);
  border-radius: var(--kose-kart);
}
.es-hero__cerceve::before {
  content: "";
  position: absolute;
  inset: -14px;
  border: 1px solid rgba(200, 164, 77, 0.2);
  border-radius: calc(var(--kose-kart) + 8px);
  pointer-events: none;
}
.es-hero__cerceve img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 20px 60px -15px rgba(0,0,0,0.85);
}
.es-hero__cerceve__etiket {
  position: absolute;
  top: var(--bos-3);
  left: var(--bos-3);
  background: rgba(200, 164, 77, 0.95);
  color: var(--gece-koyu);
  padding: 4px 12px;
  border-radius: 999px;
  font-family: var(--font-govde);
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  z-index: 2;
}
.es-hero__metin .kucuk-baslik { margin-bottom: var(--bos-3); }
.es-hero__metin h2 {
  font-size: clamp(2rem, 4.2vw, 2.8rem);
  margin-bottom: var(--bos-4);
  line-height: 1.2;
}
.es-hero__metin h2 em {
  display: block;
  color: var(--pirinc-acik);
  font-style: italic;
  font-weight: 400;
  font-size: 0.6em;
  margin-top: var(--bos-2);
  letter-spacing: 0.02em;
}
.es-hero__metin p {
  color: var(--gokyuzu-mat);
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 0 0 var(--bos-3);
}
.es-hero__vurgu {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik) !important;
  font-size: 1.15rem !important;
  padding-left: var(--bos-4);
  border-left: 2px solid var(--pirinc);
  margin-top: var(--bos-4) !important;
}
.es-hero__metric {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bos-3);
  margin-top: var(--bos-5);
  padding-top: var(--bos-5);
  border-top: 1px solid rgba(200, 164, 77, 0.18);
}
@media (max-width: 600px) {
  .es-hero__metric { grid-template-columns: 1fr 1fr; }
}
.es-hero__metric > div {
  text-align: center;
  border-right: 1px solid rgba(200, 164, 77, 0.12);
  padding: 0 var(--bos-2);
}
.es-hero__metric > div:last-child { border-right: 0; }
@media (max-width: 600px) {
  .es-hero__metric > div:nth-child(2) { border-right: 0; }
}
.es-hero__metric .deger {
  font-family: var(--font-baslik);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 1.7rem;
  display: block;
  line-height: 1;
}
.es-hero__metric .etiket {
  font-size: 0.66rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  margin-top: var(--bos-2);
  display: block;
}

/* "Yarım kalan başyapıt" alıntı bandı */
.es-yarimkalan {
  position: relative;
  margin: var(--bos-9) auto;
  max-width: 980px;
  padding: var(--bos-7) var(--bos-6);
  background:
    radial-gradient(ellipse at 0% 0%, rgba(181, 83, 46, 0.08), transparent 65%),
    radial-gradient(ellipse at 100% 100%, rgba(200, 164, 77, 0.08), transparent 65%),
    rgba(14, 23, 51, 0.55);
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--bos-6);
  align-items: center;
}
@media (max-width: 760px) {
  .es-yarimkalan { grid-template-columns: 1fr; text-align: center; gap: var(--bos-4); }
}
.es-yarimkalan__ikon {
  width: 100px;
  height: 100px;
  display: grid;
  place-items: center;
  color: var(--pirinc-acik);
}
.es-yarimkalan__ikon svg { width: 100%; height: 100%; }
.es-yarimkalan__metin {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.2rem, 2.2vw, 1.5rem);
  color: var(--parsomen);
  line-height: 1.55;
}
.es-yarimkalan__metin strong {
  color: var(--pirinc-acik);
  font-style: normal;
  font-weight: 500;
}
.es-yarimkalan__metin cite {
  display: block;
  margin-top: var(--bos-3);
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.74rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pirinc);
}

/* Sekme bar görselleştirme */
.sekme-bar button .sekme-ikon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  vertical-align: -4px;
  opacity: 0.6;
  transition: opacity var(--gecis);
}
.sekme-bar button[aria-selected="true"] .sekme-ikon { opacity: 1; }
.sekme-bar button svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; }
@media (max-width: 600px) {
  .sekme-bar button .sekme-ikon { display: none; }
}

/* Hover'da imza eser kartı parıltısı */
.eser-kart--imza::after {
  content: "★";
  position: absolute;
  top: var(--bos-2);
  right: var(--bos-3);
  color: var(--pirinc);
  font-size: 1.2rem;
  opacity: 0.4;
  transition: opacity var(--gecis), transform var(--gecis);
}
.eser-kart--imza:hover::after {
  opacity: 1;
  transform: scale(1.2) rotate(15deg);
}

/* Mühendislik buluş kartlarına ikon başlığı */
.bulus-vitrin article {
  position: relative;
  overflow: hidden;
}
.bulus-vitrin article::before {
  content: "";
  position: absolute;
  top: -30%;
  right: -30%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(200, 164, 77, 0.06), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

/* --- 37. Kuyruklu yıldız sayfası premium katmanlar ---- */

/* Hero — etiket rozet */
.komet-hero__ic {
  position: relative;
}
.komet-hero__rozet {
  display: inline-block;
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--mercan);
  font-size: 0.86rem;
  letter-spacing: 0.06em;
  margin-bottom: var(--bos-3);
  padding: 4px 14px;
  background: rgba(181, 83, 46, 0.12);
  border: 1px solid var(--mercan);
  border-radius: 999px;
}

/* C/1577 V1 yörünge diyagramı */
.kuyr-yorunge {
  margin: var(--bos-8) auto;
  max-width: 1100px;
  padding: var(--bos-5);
  background:
    radial-gradient(ellipse at center, rgba(14, 23, 51, 0.5), rgba(7, 11, 28, 0.3));
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: var(--kose-kart);
}
.kuyr-yorunge__bas {
  text-align: center;
  margin-bottom: var(--bos-5);
}
.kuyr-yorunge__plan {
  position: relative;
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(30, 45, 90, 0.5), transparent 70%),
    rgba(2, 4, 12, 0.85);
  border-radius: var(--kose-kart);
  overflow: hidden;
  border: 1px solid rgba(200, 164, 77, 0.15);
}
.kuyr-yorunge__plan svg {
  width: 100%; height: 100%;
}
.kuyr-yorunge__lejand {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--bos-3);
  margin-top: var(--bos-4);
  padding-top: var(--bos-4);
  border-top: 1px solid rgba(200, 164, 77, 0.18);
  font-size: 0.86rem;
}
.kuyr-yorunge__lejand-item {
  display: flex;
  align-items: center;
  gap: var(--bos-2);
  color: var(--gokyuzu-mat);
}
.kuyr-yorunge__lejand-item .nokta-r {
  width: 14px; height: 14px;
  border-radius: 50%;
  flex-shrink: 0;
}
.nokta-r--gunes { background: #fff3d6; box-shadow: 0 0 8px rgba(255,243,214,0.6); }
.nokta-r--dunya { background: #6da3d8; }
.nokta-r--komet { background: var(--mercan); box-shadow: 0 0 6px rgba(181,83,46,0.55); }
.nokta-r--yorunge { background: transparent; border: 1.5px dashed var(--pirinc); }

/* Aristoteles vs Tycho — karşılaştırma diyagramı */
.kuyr-paradigma {
  margin: var(--bos-9) auto;
  max-width: 1100px;
  padding: 0 var(--bos-5);
}
.kuyr-paradigma__bas {
  text-align: center;
  margin-bottom: var(--bos-6);
}
.kuyr-paradigma__izgara {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--bos-5);
  align-items: stretch;
}
@media (max-width: 760px) {
  .kuyr-paradigma__izgara { grid-template-columns: 1fr; }
  .kuyr-paradigma__ok { display: none; }
}
.kuyr-paradigma__taraf {
  background: rgba(14, 23, 51, 0.5);
  border: 1px solid rgba(200, 164, 77, 0.22);
  border-radius: var(--kose-kart);
  overflow: hidden;
}
.kuyr-paradigma__diyagram {
  aspect-ratio: 1 / 1;
  background:
    radial-gradient(ellipse at center, rgba(30, 45, 90, 0.5), rgba(7, 11, 28, 0.3));
  border-bottom: 1px solid rgba(200, 164, 77, 0.18);
  display: grid;
  place-items: center;
  padding: var(--bos-4);
}
.kuyr-paradigma__diyagram svg { width: 100%; height: 100%; max-width: 280px; }
.kuyr-paradigma__icerik {
  padding: var(--bos-5);
  text-align: center;
}
.kuyr-paradigma__etiket {
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pirinc);
  display: block;
  margin-bottom: var(--bos-2);
}
.kuyr-paradigma__icerik h3 {
  margin: 0 0 var(--bos-3);
  font-style: italic;
  font-size: 1.3rem;
}
.kuyr-paradigma__icerik p {
  font-size: 0.9rem;
  color: var(--gokyuzu-mat);
  margin: 0;
  line-height: 1.65;
}
.kuyr-paradigma__taraf--eski .kuyr-paradigma__diyagram svg { color: var(--gokyuzu-mat); }
.kuyr-paradigma__taraf--yeni { border-color: rgba(231, 205, 134, 0.55); }
.kuyr-paradigma__taraf--yeni .kuyr-paradigma__diyagram svg { color: var(--pirinc-acik); }
.kuyr-paradigma__taraf--yeni .kuyr-paradigma__etiket { color: var(--pirinc-acik); }

.kuyr-paradigma__ok {
  align-self: center;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 2rem;
  color: var(--mercan);
  text-align: center;
  padding: var(--bos-3);
}
.kuyr-paradigma__ok span {
  display: block;
  font-size: 0.74rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  font-family: var(--font-govde);
  font-style: normal;
  margin-top: var(--bos-2);
}

/* Avrupa broşürleri vitrini — 200+ basılı eser */
.kuyr-brosur {
  margin: var(--bos-9) auto;
  max-width: 1100px;
  padding: 0 var(--bos-5);
}
.kuyr-brosur__bas {
  text-align: center;
  margin-bottom: var(--bos-5);
}
.kuyr-brosur__izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bos-3);
}
@media (max-width: 760px) {
  .kuyr-brosur__izgara { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .kuyr-brosur__izgara { grid-template-columns: 1fr 1fr; }
}
.kuyr-brosur__kart {
  aspect-ratio: 3/4;
  background:
    linear-gradient(180deg, rgba(243, 233, 210, 0.08) 0%, rgba(7, 11, 28, 0.6) 100%);
  border: 1px solid rgba(200, 164, 77, 0.25);
  border-radius: var(--kose-kart);
  padding: var(--bos-3);
  position: relative;
  display: flex;
  flex-direction: column;
  transition: transform var(--gecis), border-color var(--gecis);
}
.kuyr-brosur__kart:hover {
  transform: translateY(-3px);
  border-color: rgba(200, 164, 77, 0.55);
}
.kuyr-brosur__kart svg {
  flex: 1;
  width: 100%;
  margin: var(--bos-2) 0;
  color: var(--pirinc);
}
.kuyr-brosur__kart__ust {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 0.78rem;
  text-align: center;
}
.kuyr-brosur__kart__alt {
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  text-align: center;
}

/* Olay nokta — küçük SVG ikon */
.olay-nokta__ikon {
  width: 24px; height: 24px;
  margin: 0 auto var(--bos-2);
  color: var(--pirinc);
  opacity: 0.7;
  transition: opacity var(--gecis), color var(--gecis);
}
.olay-nokta__ikon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; }
.olay-nokta[aria-pressed="true"] .olay-nokta__ikon {
  opacity: 1;
  color: var(--pirinc-acik);
}

/* --- 38. Mirası sayfası premium katmanlar ----------- */

/* Hero — Golius showcase */
.mi-hero {
  padding: var(--bos-8) 0;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(200, 164, 77, 0.06), transparent 65%);
}
.mi-hero__izgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bos-7);
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
@media (max-width: 860px) {
  .mi-hero__izgara { grid-template-columns: 1fr; gap: var(--bos-5); }
}
.mi-hero__alinti {
  padding: var(--bos-6);
  background: rgba(14, 23, 51, 0.55);
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  position: relative;
}
.mi-hero__alinti::before {
  content: "“";
  position: absolute;
  top: -10px; left: var(--bos-4);
  font-size: 5rem;
  color: var(--pirinc);
  background: var(--gece-derin);
  padding: 0 var(--bos-2);
  line-height: 1;
  opacity: 0.9;
}
.mi-hero__alinti blockquote {
  margin: 0;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: clamp(1.15rem, 2.2vw, 1.4rem);
  color: var(--parsomen);
  line-height: 1.6;
}
.mi-hero__alinti cite {
  display: block;
  margin-top: var(--bos-4);
  font-family: var(--font-govde);
  font-style: normal;
  font-size: 0.74rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pirinc);
}
.mi-hero__bilgi h2 {
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  margin-bottom: var(--bos-4);
  line-height: 1.2;
}
.mi-hero__bilgi p {
  color: var(--gokyuzu-mat);
  font-size: 1.05rem;
  line-height: 1.7;
}
.mi-hero__bilgi__yil {
  font-family: var(--font-baslik);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 3rem;
  display: block;
  line-height: 1;
  margin-bottom: var(--bos-3);
}

/* Dünya kütüphaneleri haritası */
.mi-harita {
  margin: var(--bos-9) auto;
  max-width: 1100px;
  padding: var(--bos-5);
  background:
    radial-gradient(ellipse at center, rgba(14, 23, 51, 0.6), rgba(7, 11, 28, 0.3));
  border: 1px solid rgba(200, 164, 77, 0.2);
  border-radius: var(--kose-kart);
}
.mi-harita__bas {
  text-align: center;
  margin-bottom: var(--bos-5);
}
.mi-harita__kapsam {
  position: relative;
  aspect-ratio: 2 / 1;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(30, 45, 90, 0.45), transparent 70%),
    rgba(2, 4, 12, 0.85);
  border-radius: var(--kose-kart);
  overflow: hidden;
  border: 1px solid rgba(200, 164, 77, 0.15);
}
.mi-harita__kapsam svg { width: 100%; height: 100%; }
.mi-harita__lejand {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--bos-3);
  margin-top: var(--bos-5);
  padding-top: var(--bos-4);
  border-top: 1px solid rgba(200, 164, 77, 0.18);
  font-size: 0.86rem;
}
.mi-harita__lejand-item {
  display: flex;
  align-items: flex-start;
  gap: var(--bos-3);
  color: var(--gokyuzu-mat);
}
.mi-harita__lejand-item .marka {
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--pirinc);
  flex-shrink: 0;
  margin-top: 5px;
  box-shadow: 0 0 8px rgba(200, 164, 77, 0.5);
}
.mi-harita__lejand-item h4 {
  margin: 0 0 4px;
  font-size: 0.92rem;
  color: var(--parsomen);
  font-family: var(--font-govde);
  letter-spacing: 0.04em;
}
.mi-harita__lejand-item p {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--gokyuzu-mat);
}

/* Modern yankı zaman çubuğu */
.mi-modern {
  margin: var(--bos-8) auto;
  max-width: 1000px;
  padding: 0 var(--bos-5);
}
.mi-modern__bas { text-align: center; margin-bottom: var(--bos-5); }
.mi-modern__satir {
  position: relative;
  padding: var(--bos-6) 0;
}
.mi-modern__cizgi {
  position: absolute;
  top: 50%; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(to right,
    transparent, rgba(200, 164, 77, 0.3) 10%,
    var(--pirinc) 50%,
    rgba(200, 164, 77, 0.3) 90%, transparent);
}
.mi-modern__noktalar {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--bos-3);
  position: relative;
}
@media (max-width: 720px) {
  .mi-modern__noktalar { grid-template-columns: 1fr 1fr; }
}
.mi-modern__nokta {
  text-align: center;
  padding-top: 36px;
  position: relative;
}
.mi-modern__nokta::before {
  content: "";
  position: absolute;
  top: 22px; left: 50%;
  transform: translateX(-50%);
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--gece-derin);
  border: 1.5px solid var(--pirinc);
}
.mi-modern__nokta__yil {
  font-family: var(--font-baslik);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 1.2rem;
  display: block;
  margin-bottom: var(--bos-1);
}
.mi-modern__nokta__olay {
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  display: block;
  line-height: 1.4;
}

/* Sinematik kapanış */
.mi-kapanis {
  margin: var(--bos-9) auto 0;
  max-width: 980px;
  padding: var(--bos-9) var(--bos-7);
  background:
    radial-gradient(ellipse at top, rgba(30, 45, 90, 0.5), transparent 70%),
    radial-gradient(ellipse at bottom, rgba(200, 164, 77, 0.06), transparent 70%),
    linear-gradient(180deg, rgba(7, 11, 28, 0.4) 0%, rgba(14, 23, 51, 0.6) 100%);
  border-top: 1px solid rgba(200, 164, 77, 0.3);
  border-bottom: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.mi-kapanis::before,
.mi-kapanis::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--pirinc), transparent);
  left: 50%; transform: translateX(-50%);
}
.mi-kapanis::before { top: var(--bos-4); }
.mi-kapanis::after { bottom: var(--bos-4); }
.mi-kapanis h2 {
  font-size: clamp(2rem, 4.4vw, 2.8rem);
  font-style: italic;
  margin-bottom: var(--bos-5);
}
.mi-kapanis__satirlar {
  max-width: 720px;
  margin: 0 auto;
}
.mi-kapanis__satirlar p {
  color: var(--gokyuzu-mat);
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: var(--bos-3);
}
.mi-kapanis__son {
  margin-top: var(--bos-6) !important;
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik) !important;
  font-size: 1.3rem !important;
  line-height: 1.5 !important;
}
.mi-kapanis__yıldız {
  width: 40px;
  height: 40px;
  margin: var(--bos-5) auto 0;
  color: var(--pirinc-acik);
  opacity: 0.7;
}
.mi-kapanis__yıldız svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1; }

/* --- 39. Manuscript koleksiyon kartları (Mirası) ------ */
.koleksiyon {
  margin: var(--bos-9) auto;
  max-width: 1100px;
  padding: 0 var(--bos-5);
}
.koleksiyon__bas {
  text-align: center;
  margin-bottom: var(--bos-6);
}
.koleksiyon__sayim {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  gap: var(--bos-5);
  margin-top: var(--bos-4);
  padding: var(--bos-4) var(--bos-6);
  background: rgba(14, 23, 51, 0.6);
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  align-items: center;
}
.koleksiyon__sayim__sayi {
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 2rem;
  color: var(--pirinc-acik);
  line-height: 1;
}
.koleksiyon__sayim__et {
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  margin-top: 4px;
  display: block;
}
.koleksiyon__sayim__ayr {
  width: 1px;
  height: 30px;
  background: rgba(200, 164, 77, 0.3);
}

/* Bölge başlığı */
.kol-bolge {
  margin-bottom: var(--bos-7);
}
.kol-bolge__bas {
  display: flex;
  align-items: center;
  gap: var(--bos-3);
  margin-bottom: var(--bos-4);
}
.kol-bolge__bas h3 {
  margin: 0;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.5rem;
  color: var(--parsomen);
  letter-spacing: 0.02em;
}
.kol-bolge__bas__rozet {
  background: rgba(200, 164, 77, 0.15);
  color: var(--pirinc-acik);
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border: 1px solid rgba(200, 164, 77, 0.4);
}
.kol-bolge__bas__cizgi {
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, rgba(200,164,77,0.4), transparent);
}

.kol-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--bos-4);
}

.kol-kart {
  background: linear-gradient(160deg, rgba(14, 23, 51, 0.6) 0%, rgba(7, 11, 28, 0.85) 100%);
  border: 1px solid rgba(200, 164, 77, 0.22);
  border-radius: var(--kose-kart);
  padding: var(--bos-5);
  position: relative;
  overflow: hidden;
  transition: border-color var(--gecis), transform var(--gecis), box-shadow var(--gecis);
}
.kol-kart:hover {
  border-color: rgba(200, 164, 77, 0.55);
  transform: translateY(-3px);
  box-shadow: var(--golge-kart);
}
.kol-kart::before {
  content: "";
  position: absolute;
  top: -30%; right: -30%;
  width: 160px; height: 160px;
  background: radial-gradient(circle, rgba(200, 164, 77, 0.08), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.kol-kart--merkez {
  border-color: rgba(231, 205, 134, 0.6);
  background: linear-gradient(160deg, rgba(200, 164, 77, 0.12) 0%, rgba(7, 11, 28, 0.85) 100%);
}
.kol-kart--merkez::after {
  content: "★";
  position: absolute;
  top: var(--bos-3);
  right: var(--bos-3);
  color: var(--pirinc-acik);
  font-size: 1.1rem;
}

.kol-kart__ust {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--bos-3);
}
.kol-kart__sehir {
  margin: 0;
  font-family: var(--font-baslik);
  font-size: 1.3rem;
  color: var(--parsomen);
  letter-spacing: 0.01em;
}
.kol-kart__ulke {
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pirinc);
  display: block;
  margin-top: 2px;
}
.kol-kart__bayrak {
  font-size: 1.4rem;
  line-height: 1;
}

.kol-kart__kutuphane {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 0.95rem;
  margin-bottom: var(--bos-3);
  padding-bottom: var(--bos-3);
  border-bottom: 1px solid rgba(200, 164, 77, 0.18);
}
.kol-kart__ms {
  font-size: 0.82rem;
  color: var(--gokyuzu-mat);
  line-height: 1.55;
  margin: 0;
}
.kol-kart__ms strong {
  color: var(--parsomen);
  font-weight: 500;
}
.kol-kart__ms code {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.78rem;
  color: var(--pirinc-acik);
  background: rgba(200, 164, 77, 0.08);
  padding: 1px 6px;
  border-radius: 3px;
  letter-spacing: 0.02em;
}

/* --- 40. Atölye hub premium katmanlar ---------------- */

/* Hero CTA banner */
.ato-hero {
  position: relative;
  padding: var(--bos-8) 0;
  margin-bottom: var(--bos-7);
  background:
    radial-gradient(ellipse at 25% 0%, rgba(231, 205, 134, 0.1), transparent 60%),
    radial-gradient(ellipse at 75% 100%, rgba(181, 83, 46, 0.08), transparent 60%),
    linear-gradient(160deg, rgba(14, 23, 51, 0.85) 0%, rgba(7, 11, 28, 0.95) 100%);
  border-bottom: 1px solid rgba(200, 164, 77, 0.2);
  overflow: hidden;
}
.ato-hero::before {
  content: "";
  position: absolute;
  top: -20%; left: -10%;
  width: 400px; height: 400px;
  border: 1px solid rgba(200, 164, 77, 0.08);
  border-radius: 50%;
  pointer-events: none;
}
.ato-hero::after {
  content: "";
  position: absolute;
  bottom: -25%; right: -8%;
  width: 350px; height: 350px;
  border: 1px solid rgba(200, 164, 77, 0.08);
  border-radius: 50%;
  pointer-events: none;
}
.ato-hero__ic {
  text-align: center;
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 var(--bos-5);
}
.ato-hero__rozet {
  display: inline-flex;
  align-items: center;
  gap: var(--bos-2);
  padding: var(--bos-2) var(--bos-4);
  background: rgba(200, 164, 77, 0.15);
  border: 1px solid var(--pirinc);
  border-radius: 999px;
  color: var(--pirinc-acik);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: var(--bos-5);
}
.ato-hero__rozet::before {
  content: "";
  display: inline-block;
  width: 8px; height: 8px;
  background: var(--pirinc-acik);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--pirinc-acik);
  animation: ato-nabiz 2s ease-in-out infinite;
}
@keyframes ato-nabiz {
  0%, 100% { opacity: 0.5; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.2); }
}
.ato-hero h1 {
  font-size: clamp(2.4rem, 5.5vw, 3.6rem);
  margin-bottom: var(--bos-4);
  line-height: 1.1;
}
.ato-hero h1 em {
  display: block;
  color: var(--pirinc-acik);
  font-style: italic;
  font-weight: 400;
  font-size: 0.55em;
  margin-top: var(--bos-2);
}
.ato-hero__altyazi {
  color: var(--gokyuzu-mat);
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: var(--bos-6);
}
.ato-hero__metric {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bos-4);
  max-width: 720px;
  margin: 0 auto;
  padding-top: var(--bos-5);
  border-top: 1px solid rgba(200, 164, 77, 0.2);
}
@media (max-width: 560px) {
  .ato-hero__metric { grid-template-columns: 1fr 1fr; }
}
.ato-hero__metric > div { text-align: center; }
.ato-hero__metric .deger {
  font-family: var(--font-baslik);
  font-style: italic;
  color: var(--pirinc-acik);
  font-size: 2.2rem;
  display: block;
  line-height: 1;
  margin-bottom: var(--bos-1);
}
.ato-hero__metric .etiket {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
}

/* Önerilen başlangıç vurgusu */
.ato-onerilen {
  display: inline-block;
  background: var(--mercan);
  color: var(--parsomen);
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: var(--bos-2);
}

/* Kategori başlık - premium ayırıcı */
.ato-kategori-bas {
  display: flex;
  align-items: center;
  gap: var(--bos-4);
  margin: var(--bos-7) auto var(--bos-5);
  max-width: 1100px;
  padding: 0 var(--bos-5);
}
.ato-kategori-bas__ikon {
  width: 44px; height: 44px;
  background: rgba(200, 164, 77, 0.1);
  border: 1px solid rgba(200, 164, 77, 0.4);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--pirinc-acik);
  flex-shrink: 0;
}
.ato-kategori-bas__ikon svg { width: 22px; height: 22px; }
.ato-kategori-bas h3 {
  margin: 0;
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.5rem;
  color: var(--parsomen);
}
.ato-kategori-bas__sayi {
  font-family: var(--font-vurgu);
  font-style: italic;
  color: var(--pirinc);
  font-size: 0.9rem;
  letter-spacing: 0.04em;
}
.ato-kategori-bas__cizgi {
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, var(--pirinc) 0%, transparent 100%);
  opacity: 0.5;
}

/* Mini özellik etiketleri (kart altında) */
.alet-kart__etiketler {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--bos-3);
  padding-top: var(--bos-3);
  border-top: 1px solid rgba(200, 164, 77, 0.15);
  justify-content: center;
}
.alet-kart__etiket {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gokyuzu-mat);
  padding: 3px 8px;
  background: rgba(200, 164, 77, 0.06);
  border: 1px solid rgba(200, 164, 77, 0.18);
  border-radius: 999px;
}
.alet-kart__etiket--gorev {
  color: var(--mercan);
  border-color: rgba(181, 83, 46, 0.4);
  background: rgba(181, 83, 46, 0.08);
}
.alet-kart__etiket svg {
  width: 9px; height: 9px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

/* Hub kartlarda premium glow */
.aletler-galeri .alet-kart {
  position: relative;
  overflow: hidden;
}
.aletler-galeri .alet-kart::before {
  content: "";
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: radial-gradient(circle at center, rgba(231, 205, 134, 0.08), transparent 30%);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 600ms ease;
  pointer-events: none;
}
.aletler-galeri .alet-kart:hover::before {
  transform: translate(-30%, -30%) scale(1);
}

/* Final CTA — atölye merkezi alt bölüm */
.ato-final {
  margin: var(--bos-9) auto;
  max-width: 800px;
  padding: var(--bos-7) var(--bos-6);
  background:
    radial-gradient(ellipse at center, rgba(200, 164, 77, 0.08), transparent 70%),
    rgba(14, 23, 51, 0.4);
  border: 1px solid rgba(200, 164, 77, 0.3);
  border-radius: var(--kose-kart);
  text-align: center;
}
.ato-final h3 {
  font-style: italic;
  margin-bottom: var(--bos-4);
  font-size: 1.5rem;
}
.ato-final p {
  color: var(--gokyuzu-mat);
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: var(--bos-5);
  max-width: 540px;
  margin-inline: auto;
}
.ato-final__akilli {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bos-3);
  margin-top: var(--bos-5);
}
@media (max-width: 600px) {
  .ato-final__akilli { grid-template-columns: 1fr; }
}
.ato-final__yon {
  padding: var(--bos-4);
  background: rgba(7, 11, 28, 0.5);
  border: 1px solid rgba(200, 164, 77, 0.2);
  border-radius: var(--kose-kart);
  text-decoration: none;
  transition: border-color var(--gecis), transform var(--gecis);
}
.ato-final__yon:hover {
  border-color: var(--pirinc);
  transform: translateY(-2px);
}
.ato-final__yon strong {
  display: block;
  color: var(--parsomen);
  font-family: var(--font-baslik);
  font-style: italic;
  font-size: 1.1rem;
  margin-bottom: 6px;
}
.ato-final__yon span {
  font-size: 0.78rem;
  color: var(--gokyuzu-mat);
  letter-spacing: 0.04em;
}

/* --- 41. Dil seçici ----------------------------------- */
.dil-sec {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: var(--bos-3);
}
.dil-sec__btn {
  background: transparent;
  border: 1px solid rgba(200, 164, 77, 0.4);
  color: var(--pirinc-acik);
  padding: 5px 10px;
  font-family: var(--font-govde);
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: background var(--gecis), color var(--gecis);
}
.dil-sec__btn:hover {
  background: rgba(200, 164, 77, 0.12);
  color: var(--parsomen);
}
.dil-sec__btn::after {
  content: "▾";
  font-size: 0.7rem;
}
.dil-sec__menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 130px;
  background: rgba(7, 11, 28, 0.97);
  border: 1px solid rgba(200, 164, 77, 0.35);
  border-radius: var(--kose-kart);
  padding: 6px;
  list-style: none;
  margin: 0;
  z-index: 60;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
  transition: opacity var(--gecis), transform var(--gecis);
  backdrop-filter: blur(14px);
}
.dil-sec[data-acik="true"] .dil-sec__menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.dil-sec__menu button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  color: var(--gokyuzu-mat);
  padding: 8px 12px;
  font-family: var(--font-govde);
  font-size: 0.84rem;
  letter-spacing: 0.04em;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bos-3);
  transition: background var(--gecis), color var(--gecis);
}
.dil-sec__menu button:hover {
  background: rgba(200, 164, 77, 0.12);
  color: var(--parsomen);
}
.dil-sec__menu button[aria-pressed="true"] {
  color: var(--pirinc-acik);
  background: rgba(200, 164, 77, 0.08);
}
.dil-sec__menu button[aria-pressed="true"]::after {
  content: "✓";
  color: var(--pirinc-acik);
}

/* RTL desteği (Arapça) */
[dir="rtl"] body { text-align: right; }
[dir="rtl"] .site-bas__ic { flex-direction: row-reverse; }
[dir="rtl"] .site-nav ul { flex-direction: row-reverse; }
[dir="rtl"] .marka { flex-direction: row-reverse; }
[dir="rtl"] .marka__isim { text-align: right; align-items: flex-end; }
[dir="rtl"] .site-nav a::after { transform-origin: center; }
[dir="rtl"] .dil-sec { margin-left: 0; margin-right: var(--bos-3); }
[dir="rtl"] .dil-sec__menu { right: auto; left: 0; }
[dir="rtl"] .zaman::before { left: auto; right: 50%; }
[dir="rtl"] .zaman__nokta { left: auto; right: 50%; transform: translateX(50%); }
[dir="rtl"] .alinti-kutu { border-left: 0; border-right: 3px solid var(--pirinc); border-radius: var(--kose-kart) 0 0 var(--kose-kart); }
[dir="rtl"] .hero__ozet { font-family: var(--font-govde); }
[dir="rtl"] .zaman__icerik p,
[dir="rtl"] .kart p,
[dir="rtl"] body p { text-align: right; }
[dir="rtl"] .skip-link {
  left: auto; right: -9999px;
}
[dir="rtl"] .skip-link:focus { right: 0; left: auto; }

@media (max-width: 860px) {
  .dil-sec { margin-left: var(--bos-2); }
}

/* ============================================================
   V2 — SİNEMATİK CİLA KATMANI (Temmuz 2026)
   Mevcut tasarım dilini koruyarak derinleştirir; tüm hareketler
   prefers-reduced-motion ile kapatılır.
   ============================================================ */

/* --- Dar kapsayıcı (şiir/alıntı blokları için) --- */
.kapsayici--dar { max-width: 760px; margin-inline: auto; }

/* --- Tipografik ritim: başlıklarda denge --- */
h1, h2, h3 { text-wrap: balance; }
.hero__baslik { text-shadow: 0 2px 24px rgba(7, 11, 28, .55); }

/* --- Bölüm başlıklarına tezhip esintili ayraç --- */
.bolum-bas h2 { position: relative; padding-bottom: .55em; }
.bolum-bas h2::after {
  content: "";
  position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%);
  width: min(180px, 42%); height: 1px;
  background: linear-gradient(90deg, transparent, var(--pirinc) 18%, var(--pirinc-acik) 50%, var(--pirinc) 82%, transparent);
}
.bolum-bas { position: relative; }
.bolum-bas .kucuk-baslik::before,
.bolum-bas .kucuk-baslik::after { content: "✦"; color: var(--pirinc); opacity: .55; font-size: .72em; margin-inline: .8em; }

/* --- Hero: sahne derinliği (vinyet + alt geçiş) --- */
.hero::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(120% 90% at 50% 8%, transparent 55%, rgba(7, 11, 28, .38) 100%),
    linear-gradient(to bottom, transparent 78%, var(--gece-koyu) 100%);
}
/* Vinyetin üstünde kalması gerekenler (dikkat: .hero > * kullanma —
   astrolab/yıldız katmanlarının position:absolute'unu ezer, hero çöker) */
.hero__ic, .hero__kaydir { z-index: 2; }
.hero__kaydir { animation: v2-nabiz 2.6s ease-in-out infinite; }
@keyframes v2-nabiz { 0%, 100% { opacity: .55; transform: translateY(0); } 50% { opacity: 1; transform: translateY(6px); } }

/* --- Rakam vitrinleri: pirinç ışıltısı --- */
.rakam__deger,
.koleksiyon__sayim__sayi,
.atolye-metrik strong {
  font-variant-numeric: tabular-nums;
  background: linear-gradient(160deg, var(--pirinc-acik) 15%, var(--pirinc) 60%, #9a7a35 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: var(--pirinc-acik);
}

/* --- Kartlar: yumuşak yükselme + pirinç halo --- */
.kart, .eser-kart, .alet-kart, .ekip-kart, .atolye-vitrin, .koleksiyon-kart {
  transition: transform .35s cubic-bezier(.2, .7, .25, 1), box-shadow .35s ease, border-color .35s ease;
}
.kart:hover, .eser-kart:hover, .alet-kart:hover, .atolye-vitrin:hover, .koleksiyon-kart:hover {
  transform: translateY(-4px);
  box-shadow:
    0 18px 44px -18px rgba(0, 0, 0, .65),
    0 0 0 1px rgba(200, 164, 77, .35),
    0 0 32px -10px rgba(200, 164, 77, .28);
}

/* --- El yazması havasında alıntılar --- */
.alinti-kutu, .rapor-blok blockquote, .lokman-siir blockquote {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  letter-spacing: .01em;
}
.lokman-siir {
  margin: 0; padding: clamp(1.4rem, 4vw, 2.4rem) clamp(1.2rem, 5vw, 2.8rem);
  border: 1px solid rgba(200, 164, 77, .35);
  border-radius: 10px;
  background:
    radial-gradient(140% 120% at 15% 0%, rgba(200, 164, 77, .08), transparent 55%),
    linear-gradient(170deg, rgba(243, 233, 210, .045), rgba(7, 11, 28, 0) 60%);
  position: relative;
}
.lokman-siir::before {
  content: "❝"; position: absolute; top: -0.62em; left: 1.1rem;
  font-size: 2.2rem; color: var(--pirinc); background: var(--gece-koyu);
  padding-inline: .35rem; line-height: 1;
}
.lokman-siir blockquote {
  margin: 0; border: 0; padding: 0;
  font-size: clamp(1.12rem, 2.4vw, 1.38rem); line-height: 1.75;
  color: var(--parsomen);
}
.lokman-siir figcaption {
  margin-top: 1rem; font-size: .86rem; letter-spacing: .04em;
  color: var(--pirinc-acik); opacity: .85;
}
.siir-bolum { padding-block: var(--bos-6, 3rem); }

/* --- Figür çerçeveleri: müze camekânı --- */
figure img {
  border-radius: 6px;
  box-shadow:
    0 0 0 1px rgba(200, 164, 77, .28),
    0 0 0 6px rgba(7, 11, 28, .55),
    0 0 0 7px rgba(200, 164, 77, .16),
    0 22px 48px -20px rgba(0, 0, 0, .7);
}
figcaption { line-height: 1.55; }

/* --- Kaynak mini notu --- */
.kaynak-notu-mini {
  margin-top: .9rem; padding: .55rem .8rem;
  font-size: .78rem; line-height: 1.5; letter-spacing: .02em;
  color: color-mix(in srgb, var(--gokyuzu) 72%, transparent);
  border-left: 2px solid rgba(200, 164, 77, .5);
  background: rgba(200, 164, 77, .05);
  border-radius: 0 6px 6px 0;
}

/* --- Uzun metinlerde okuma genişliği --- */
.eser-kart p, .kart p, .alet-detay p, .ekip-kart p { max-width: 68ch; }

/* --- Odak ve seçim: pirinç kimliği --- */
::selection { background: rgba(200, 164, 77, .32); color: var(--gokyuzu); }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid var(--pirinc-acik); outline-offset: 3px; border-radius: 4px;
}

/* --- İnce kaydırma çubuğu (sayfa geneli) --- */
html { scrollbar-width: thin; scrollbar-color: rgba(200, 164, 77, .55) rgba(7, 11, 28, .9); }
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-thumb { background: rgba(200, 164, 77, .45); border-radius: 6px; }
body::-webkit-scrollbar-track { background: rgba(7, 11, 28, .9); }

/* --- Görünür olurken yumuşak yükselme (mevcut .gorunur ile uyumlu) --- */
@media (prefers-reduced-motion: no-preference) {
  .kart, .eser-kart, .alet-kart { will-change: transform; }
}

/* --- Hareket azaltma: v2 animasyonları kapat --- */
@media (prefers-reduced-motion: reduce) {
  .hero__kaydir { animation: none; }
  .kart, .eser-kart, .alet-kart, .ekip-kart, .atolye-vitrin, .koleksiyon-kart { transition: none; }
  .kart:hover, .eser-kart:hover, .alet-kart:hover, .atolye-vitrin:hover, .koleksiyon-kart:hover { transform: none; }
}

/* ============================================================
   V3 — Anasayfa zenginleştirme (Temmuz 2026)
   Atölye banner canlı sahneleri, etiketli ikonlar, rakam sayacı,
   kart spotlight. Tümü transform/opacity; reduced-motion korunur.
   ============================================================ */

/* --- Atölye banner: canlı mini sahneler --- */
.atolye-canli-izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bos-4);
  max-width: 880px;
  margin: var(--bos-6) auto var(--bos-2);
  text-align: left;
}
@media (max-width: 820px) { .atolye-canli-izgara { grid-template-columns: 1fr; max-width: 420px; } }
.atolye-canli {
  display: flex; flex-direction: column;
  border: 1px solid rgba(200, 164, 77, 0.22);
  border-radius: 14px;
  background: rgba(7, 11, 28, 0.55);
  overflow: hidden;
  text-decoration: none; color: inherit;
  transition: transform .35s cubic-bezier(.2, .7, .25, 1), border-color .35s ease, box-shadow .35s ease;
}
.atolye-canli:hover, .atolye-canli:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(231, 205, 134, 0.6);
  box-shadow: 0 14px 34px rgba(3, 5, 15, 0.5), 0 0 24px rgba(200, 164, 77, 0.12);
}
.atolye-canli__sahne {
  aspect-ratio: 20 / 11;
  background:
    radial-gradient(120% 130% at 50% 0%, rgba(30, 45, 90, 0.5), transparent 70%),
    rgba(3, 5, 15, 0.55);
  border-bottom: 1px solid rgba(200, 164, 77, 0.16);
  display: grid; place-items: center;
}
.atolye-canli__sahne svg { width: 100%; height: 100%; display: block; }
.atolye-canli__metin { padding: var(--bos-3) var(--bos-4) var(--bos-4); display: flex; flex-direction: column; gap: 6px; }
.atolye-canli__metin h3 {
  font-size: 1.06rem; margin: 0;
  color: var(--parsomen);
}
.atolye-canli__metin p { margin: 0; font-size: .84rem; color: var(--gokyuzu-mat); line-height: 1.55; }
.atolye-canli__dene {
  margin-top: 4px;
  font-size: .72rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--pirinc-acik);
  display: inline-flex; align-items: center; gap: 6px;
}
.atolye-canli:hover .atolye-canli__dene .ok { transform: translateX(4px); }
.atolye-canli__dene .ok { transition: transform var(--gecis); }

/* Mini sahne animasyonları */
.ab-mini-rete { transform-box: view-box; transform-origin: 100px 70px; animation: ab-mini-don 26s linear infinite; }
@keyframes ab-mini-don { to { transform: rotate(360deg); } }
.ab-mini-golge { transform-box: view-box; transform-origin: 100px 98px; animation: ab-mini-golge-sup 7s ease-in-out infinite alternate; }
@keyframes ab-mini-golge-sup { from { transform: rotate(-52deg); } to { transform: rotate(52deg); } }
.ab-mini-gunes { animation: ab-mini-gunes-nabiz 4s ease-in-out infinite; }
@keyframes ab-mini-gunes-nabiz { 0%, 100% { opacity: .75; } 50% { opacity: 1; } }
.ab-mini-fan { transform-box: view-box; transform-origin: 148px 52px; animation: ab-mini-fan-don 2.6s linear infinite; }
@keyframes ab-mini-fan-don { to { transform: rotate(360deg); } }
.ab-mini-buhar { animation: ab-mini-buhar-yuksel 3.2s ease-out infinite; opacity: 0; }
.ab-mini-buhar.b2 { animation-delay: 1.05s; }
.ab-mini-buhar.b3 { animation-delay: 2.1s; }
@keyframes ab-mini-buhar-yuksel {
  0% { transform: translate(0, 0); opacity: 0; }
  18% { opacity: .6; }
  100% { transform: translate(34px, -30px); opacity: 0; }
}
.ab-mini-alev { transform-box: view-box; transform-origin: 66px 112px; animation: ab-mini-alev-titre 1.1s ease-in-out infinite alternate; }
@keyframes ab-mini-alev-titre { from { transform: scaleY(.92); } to { transform: scaleY(1.08); } }
@media (prefers-reduced-motion: reduce) {
  .ab-mini-rete, .ab-mini-golge, .ab-mini-gunes, .ab-mini-fan, .ab-mini-buhar, .ab-mini-alev { animation: none; }
  .ab-mini-buhar { opacity: .45; }
}

/* --- Etiketli ikon ızgarası --- */
.atolye-banner__ikonlar { max-width: 720px; }
.atolye-banner__oge {
  display: flex; flex-direction: column; align-items: center; gap: 7px;
  text-decoration: none;
}
.atolye-banner__oge .atolye-banner__ikon { width: 52px; aspect-ratio: 1; }
.atolye-banner__oge:hover .atolye-banner__ikon,
.atolye-banner__oge:focus-visible .atolye-banner__ikon {
  background: var(--pirinc);
  color: var(--gece-koyu);
  border-color: var(--pirinc);
  transform: translateY(-3px);
}
.atolye-banner__ikon-ad {
  font-size: .62rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--gokyuzu-mat); text-align: center; line-height: 1.3;
  transition: color var(--gecis);
}
.atolye-banner__oge:hover .atolye-banner__ikon-ad { color: var(--pirinc-acik); }

/* --- Banner alt satır: CTA + Rozet Defteri --- */
.atolye-banner__alt-satir {
  display: flex; flex-wrap: wrap; gap: var(--bos-3); justify-content: center; align-items: center;
  margin-top: var(--bos-4);
}
.atolye-banner__alt-satir .atolye-banner__cta { margin-top: 0; }
.atolye-banner__defter {
  display: inline-flex; align-items: center; gap: 8px;
  padding: var(--bos-3) var(--bos-5);
  border: 1px solid rgba(200, 164, 77, 0.4);
  border-radius: 999px;
  color: var(--pirinc-acik);
  font-size: .78rem; letter-spacing: .14em; text-transform: uppercase;
  text-decoration: none;
  transition: background var(--gecis), border-color var(--gecis), transform var(--gecis);
}
.atolye-banner__defter:hover { background: rgba(200, 164, 77, 0.12); border-color: var(--pirinc-acik); transform: translateY(-2px); }

/* --- Rakam sayacı (JS doldurur; sayı sabit genişlikli) --- */
.rakam__sayi { font-variant-numeric: tabular-nums; }

/* --- Kapı kartları: imleç spotlight --- */
@media (hover: hover) {
  .kart-izgara .kart { position: relative; overflow: hidden; }
  .kart-izgara .kart::before {
    content: "";
    position: absolute; inset: 0;
    background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%),
                rgba(231, 205, 134, 0.1), transparent 65%);
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
  }
  .kart-izgara .kart:hover::before { opacity: 1; }
}

/* --- V3 ek: hero'yu gözle görülür biçimde canlandır --- */
/* Sayfa açılışında astrolab yerine oturur, metin yükselir (tek seferlik) */
@keyframes hero-giris {
  from { transform: rotate(-12deg) scale(.97); opacity: 0; }
  to   { transform: rotate(0deg) scale(1); opacity: .22; }
}
.hero__ic { animation: hero-metin-gel 1s cubic-bezier(.22, 1, .36, 1) .25s both; }
@keyframes hero-metin-gel {
  from { transform: translateY(22px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* Astrolab nefes alır: ışıltı yavaşça güçlenip söner */
.hero__astrolab svg { animation: hero-giris 2.2s cubic-bezier(.22,1,.36,1) both, hero-nefes 9s ease-in-out 2.2s infinite; }
@keyframes hero-nefes {
  0%, 100% { opacity: .22; filter: drop-shadow(0 0 28px rgba(200, 164, 77, .18)); }
  50%      { opacity: .3;  filter: drop-shadow(0 0 40px rgba(200, 164, 77, .3)); }
}

/* Rete yıldız işaretçileri sırayla parıldar */
.astrolab-svg .rete g use { animation: yildiz-parla 4.2s ease-in-out infinite; }
@keyframes yildiz-parla {
  0%, 100% { opacity: .55; }
  50%      { opacity: 1; }
}
.astrolab-svg .rete > g:nth-of-type(3) use { animation-delay: 0s; }
.astrolab-svg .rete > g:nth-of-type(4) use { animation-delay: .5s; }
.astrolab-svg .rete > g:nth-of-type(5) use { animation-delay: 1s; }
.astrolab-svg .rete > g:nth-of-type(6) use { animation-delay: 1.6s; }
.astrolab-svg .rete > g:nth-of-type(7) use { animation-delay: 2.1s; }
.astrolab-svg .rete > g:nth-of-type(8) use { animation-delay: 2.7s; }
.astrolab-svg .rete > g:nth-of-type(9) use { animation-delay: 3.2s; }
.astrolab-svg .rete > g:nth-of-type(10) use { animation-delay: 3.7s; }

@media (prefers-reduced-motion: reduce) {
  .astrolab-svg, .hero__astrolab svg, .hero__ic, .astrolab-svg .rete g use { animation: none; }
}

/* --- V3: Hayatı sayfası — profesyonel dokunuşlar --- */
[data-gorunum] { opacity: 0; transform: translateY(20px); transition: opacity .75s ease, transform .75s cubic-bezier(.22, 1, .36, 1); }
[data-gorunum].gorunur { opacity: 1; transform: none; }
.sehirler [data-gorunum]:nth-child(2) { transition-delay: .1s; }
.sehirler [data-gorunum]:nth-child(3) { transition-delay: .2s; }
.sehirler [data-gorunum]:nth-child(4) { transition-delay: .3s; }
.patronlar [data-gorunum]:nth-child(2) { transition-delay: .12s; }
.patronlar [data-gorunum]:nth-child(3) { transition-delay: .24s; }

/* Rota: noktalı çizgi kervan gibi akar; İstanbul düğümü nabız atar */
.rota__icerik path { animation: rota-akis 22s linear infinite; }
@keyframes rota-akis { to { stroke-dashoffset: -360; } }
.rota__icerik g:last-of-type circle:first-of-type { transform-box: view-box; transform-origin: 740px 80px; animation: rota-nabiz 3.2s ease-in-out infinite; }
@keyframes rota-nabiz { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.18); opacity: .85; } }

/* Şehir sahneleri: kartla birlikte nefes alan pirinç çizgiler */
.sehir-kart__siluet svg { transition: filter .45s ease, transform .45s ease; }
.sehir-kart:hover .sehir-kart__siluet svg { filter: drop-shadow(0 0 12px rgba(200, 164, 77, .4)); transform: translateY(-2px); }
.patron-kart__siluet svg { transition: filter .45s ease; }
.patron-kart:hover .patron-kart__siluet svg { filter: drop-shadow(0 0 10px rgba(200, 164, 77, .38)); }

@media (prefers-reduced-motion: reduce) {
  [data-gorunum] { opacity: 1; transform: none; transition: none; }
  .rota__icerik path, .rota__icerik g:last-of-type circle:first-of-type { animation: none; }
}

/* --- V3: Rasathane sayfası --- */
.rh-yan-galeri [data-gorunum]:nth-child(2) { transition-delay: .12s; }
.rh-yan-galeri [data-gorunum]:nth-child(3) { transition-delay: .24s; }
.ekip-izgara [data-gorunum]:nth-child(2), .ekipler [data-gorunum]:nth-child(2) { transition-delay: .1s; }
.ekip-izgara [data-gorunum]:nth-child(3), .ekipler [data-gorunum]:nth-child(3) { transition-delay: .2s; }
.rh-anatomi__plan svg { transition: filter .5s ease; }
.rh-anatomi:hover .rh-anatomi__plan svg { filter: drop-shadow(0 0 14px rgba(200, 164, 77, .3)); }

/* --- V3: Rasathane sahnesi yaşar --- */
.rh-yildizlar circle { animation: rh-parla 3.8s ease-in-out infinite; }
.rh-yildizlar circle:nth-child(2) { animation-delay: .6s; }
.rh-yildizlar circle:nth-child(3) { animation-delay: 1.2s; }
.rh-yildizlar circle:nth-child(4) { animation-delay: 1.7s; }
.rh-yildizlar circle:nth-child(5) { animation-delay: 2.3s; }
.rh-yildizlar circle:nth-child(6) { animation-delay: 2.9s; }
.rh-yildizlar circle:nth-child(7) { animation-delay: .9s; }
.rh-yildizlar circle:nth-child(8) { animation-delay: 3.3s; }
@keyframes rh-parla { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }

.rh-hilal { animation: rh-hilal-nefes 7s ease-in-out infinite; }
@keyframes rh-hilal-nefes {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(231, 205, 134, .25)); }
  50% { filter: drop-shadow(0 0 12px rgba(231, 205, 134, .6)); }
}

/* Pencerelerde mum ışığı titrer */
.rh-mum path { animation: rh-mum-titre 4.6s ease-in-out infinite; }
.rh-mum .m2 { animation-delay: 1.4s; animation-duration: 5.4s; }
.rh-mum .m3 { animation-delay: 2.6s; animation-duration: 3.9s; }
@keyframes rh-mum-titre {
  0%, 100% { opacity: .3; } 45% { opacity: .68; } 60% { opacity: .42; } 75% { opacity: .6; }
}

/* Gökten süzülen yıldız */
.rh-akan { animation: rh-akan-gec 11s linear infinite; }
@keyframes rh-akan-gec {
  0%, 62% { opacity: 0; transform: translate(90px, 28px); }
  64% { opacity: .9; }
  74% { opacity: 0; transform: translate(340px, 118px); }
  100% { opacity: 0; transform: translate(340px, 118px); }
}

@media (prefers-reduced-motion: reduce) {
  .rh-yildizlar circle, .rh-hilal, .rh-mum path, .rh-akan { animation: none; }
  .rh-mum path { opacity: .4; }
}

/* --- V3: Aletleri / Eserleri / Mirası — kademeli beliriş + ışıma --- */
.aletler-galeri [data-gorunum]:nth-child(3n+2), .eserler-izgara [data-gorunum]:nth-child(3n+2),
.kol-izgara [data-gorunum]:nth-child(3n+2) { transition-delay: .12s; }
.aletler-galeri [data-gorunum]:nth-child(3n+3), .eserler-izgara [data-gorunum]:nth-child(3n+3),
.kol-izgara [data-gorunum]:nth-child(3n+3) { transition-delay: .24s; }
.alet-kart[data-gorunum] svg, .eser-kart[data-gorunum] svg, .kol-kart[data-gorunum] svg { transition: filter .45s ease; }
.alet-kart:hover svg, .eser-kart:hover svg, .kol-kart:hover svg { filter: drop-shadow(0 0 10px rgba(200, 164, 77, .35)); }

/* --- V3: Armiller küre canlanır --- */
.arm-kafes { transform-box: view-box; transform-origin: 200px 200px; animation: arm-salinim 14s ease-in-out infinite alternate; }
@keyframes arm-salinim { from { transform: rotate(-7deg); } to { transform: rotate(7deg); } }
.arm-yildiz-nabiz { animation: arm-nabiz 2.6s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes arm-nabiz { 0%, 100% { transform: scale(1); opacity: .6; } 50% { transform: scale(1.35); opacity: .25; } }
#armiller-ekliptik { animation: arm-ekliptik-parla 6s ease-in-out infinite; }
@keyframes arm-ekliptik-parla { 0%, 100% { stroke-opacity: .8; } 50% { stroke-opacity: 1; filter: drop-shadow(0 0 5px rgba(181, 83, 46, .6)); } }
@media (prefers-reduced-motion: reduce) { .arm-kafes, .arm-yildiz-nabiz, #armiller-ekliptik { animation: none; } }

/* --- V3: Yer küresi canlanır --- */
#yer-kure-icerik { transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
#yer-kita-kaydirici { transition: transform .45s ease-out; }
.atolye-sahne svg .yk-isilti { animation: yk-isilti-don 9s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { #yer-kure-icerik, #yer-kita-kaydirici { transition: none; } }

/* Yer küresi: İstanbul işaret halkası nabız atar */
.yk-ist circle:first-child { transform-box: fill-box; transform-origin: center; animation: yk-ist-nabiz 2.8s ease-in-out infinite; }
@keyframes yk-ist-nabiz { 0%, 100% { transform: scale(1); opacity: .7; } 50% { transform: scale(1.5); opacity: .2; } }
@media (prefers-reduced-motion: reduce) { .yk-ist circle:first-child { animation: none; } }

/* --- V3: Güneş saati — canlı güneş + yumuşak gölge ucu --- */
.gunes-isık circle { animation: gunes-nabiz 5s ease-in-out infinite; }
@keyframes gunes-nabiz {
  0%, 100% { filter: drop-shadow(0 0 8px rgba(255, 243, 214, .7)); }
  50% { filter: drop-shadow(0 0 18px rgba(255, 243, 214, 1)); }
}
.gunes-golge path { filter: blur(.4px); }
@media (prefers-reduced-motion: reduce) { .gunes-isık circle { animation: none; } }

/* --- V3: Mekanik saat --- */
#mek-akrep-h, #mek-akrep-d { transition: transform .45s cubic-bezier(.22, 1, .36, 1); }
#mek-sarkac ellipse { filter: drop-shadow(0 0 6px rgba(200, 164, 77, .5)); }
@media (prefers-reduced-motion: reduce) { #mek-akrep-h, #mek-akrep-d { transition: none; } }

/* --- V3: Libne --- */
#libne-alidade { transition: transform .4s cubic-bezier(.22, 1, .36, 1); }
#libne-yildiz > circle:first-child { animation: lb-yildiz-nabiz 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes lb-yildiz-nabiz { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.25); filter: drop-shadow(0 0 6px #fff3d6); } }
@media (prefers-reduced-motion: reduce) { #libne-alidade { transition: none; } #libne-yildiz > circle:first-child { animation: none; } }

/* --- V3: Azimut --- */
#azimut-aletyay, #azimut-alidade { transition: transform .4s cubic-bezier(.22, 1, .36, 1); }
#azimut-hedef > circle:first-child { animation: lb-yildiz-nabiz 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: reduce) { #azimut-aletyay, #azimut-alidade { transition: none; } #azimut-hedef > circle:first-child { animation: none; } }

/* --- V3: Müşebbehe --- */
#sek-ip2 { transition: x2 .35s ease-out, y2 .35s ease-out; }
#sek-yildiz1 > circle:first-child, #sek-yildiz2 > circle:first-child {
  animation: lb-yildiz-nabiz 2.6s ease-in-out infinite; transform-box: fill-box; transform-origin: center;
}
#sek-yildiz2 > circle:first-child { animation-delay: 1.2s; }
@media (prefers-reduced-motion: reduce) { #sek-ip2 { transition: none; } #sek-yildiz1 > circle:first-child, #sek-yildiz2 > circle:first-child { animation: none; } }

/* Müşebbehe ibresi süzülür */
#sek-ibre { transition: cx .35s ease-out, cy .35s ease-out; filter: drop-shadow(0 0 4px rgba(231,205,134,.8)); }
@media (prefers-reduced-motion: reduce) { #sek-ibre { transition: none; } }

/* --- V3: Zâtü'l-evtâr --- */
#zat-gunes { transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
#zat-gunes > circle:first-child { animation: gunes-nabiz 5s ease-in-out infinite; }
#zat-golge, #zat-isin, #zat-kesisim { transition: all .45s ease-out; }
#zat-kiris1, #zat-kiris2 { stroke-linecap: round; }
@media (prefers-reduced-motion: reduce) { #zat-gunes, #zat-golge, #zat-isin, #zat-kesisim { transition: none; } #zat-gunes > circle:first-child { animation: none; } }

/* --- V3: Atölye Merkezi zenginleştirme --- */
.ato-kategori-bas__ikon svg { transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.ato-kategori-bas:hover .ato-kategori-bas__ikon svg { transform: rotate(90deg); }
.oyun-pasaport, .oyun-gunun-gorevi { animation: hero-metin-gel .8s cubic-bezier(.22, 1, .36, 1) both; }
.oyun-gunun-gorevi { animation-delay: .15s; position: relative; }
.oyun-gunun-gorevi::after {
  content: ""; position: absolute; inset: -1px; border-radius: 12px; pointer-events: none;
  border: 1px solid rgba(231, 205, 134, 0); animation: gg-isilti 4s ease-in-out infinite;
}
@keyframes gg-isilti {
  0%, 100% { border-color: rgba(231, 205, 134, 0); box-shadow: none; }
  50% { border-color: rgba(231, 205, 134, .5); box-shadow: 0 0 16px rgba(200, 164, 77, .18); }
}
.rozet-madalyon--acik .rozet-madalyon__halka { animation: rz-parla 5s ease-in-out infinite; }
@keyframes rz-parla {
  0%, 100% { box-shadow: 0 0 18px rgba(200, 164, 77, .35); }
  50% { box-shadow: 0 0 30px rgba(200, 164, 77, .6); }
}
@media (prefers-reduced-motion: reduce) {
  .ato-kategori-bas__ikon svg { transition: none; }
  .oyun-pasaport, .oyun-gunun-gorevi, .oyun-gunun-gorevi::after, .rozet-madalyon--acik .rozet-madalyon__halka { animation: none; }
}

/* --- V3.1: Atölye Merkezi — büyüleyen giriş --- */
/* Hero arkasında dönen dev kadran halkaları */
.ato-hero { position: relative; isolation: isolate; overflow: hidden; }
.ato-hero::before, .ato-hero::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  left: 50%; top: 50%; border-radius: 50%;
  transform: translate(-50%, -50%);
}
.ato-hero::before {
  width: min(120vmin, 980px); height: min(120vmin, 980px);
  border: 1.5px dashed rgba(200, 164, 77, .22);
  animation: ato-halka-don 80s linear infinite;
}
.ato-hero::after {
  width: min(88vmin, 700px); height: min(88vmin, 700px);
  border: 1px dashed rgba(231, 205, 134, .16);
  animation: ato-halka-don 55s linear infinite reverse;
}
@keyframes ato-halka-don {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

/* 12 kart ikonu yaşar — her alet kendi karakterinde */
.alet-kart__gorsel svg { transform-origin: 50% 50%; will-change: transform; }
[data-oyun="astrolab"] .alet-kart__gorsel svg { animation: ato-don 34s linear infinite; }
[data-oyun="armiller"] .alet-kart__gorsel svg { animation: ato-don 26s linear infinite reverse; }
[data-oyun="yer-kuresi"] .alet-kart__gorsel svg { animation: ato-don 40s linear infinite; }
[data-oyun="mekanik-saat"] .alet-kart__gorsel svg { animation: ato-tiktak 2s ease-in-out infinite; }
[data-oyun="gunes-saati"] .alet-kart__gorsel svg { animation: ato-salin 7s ease-in-out infinite alternate; }
[data-oyun="libne"] .alet-kart__gorsel svg,
[data-oyun="azimut"] .alet-kart__gorsel svg { animation: ato-salin 5.5s ease-in-out infinite alternate; }
[data-oyun="musebbehe"] .alet-kart__gorsel svg { animation: ato-salin 6.5s ease-in-out infinite alternate-reverse; }
[data-oyun="zatul-evtar"] .alet-kart__gorsel svg { animation: ato-nefes 5s ease-in-out infinite; }
[data-oyun="buhar-sisi"] .alet-kart__gorsel svg { animation: ato-titre 1.6s ease-in-out infinite; }
[data-oyun="rasathane-nobeti"] .alet-kart__gorsel svg,
[data-oyun="zic-ustasi"] .alet-kart__gorsel svg { animation: ato-nefes 4s ease-in-out infinite; }
@keyframes ato-don { to { transform: rotate(360deg); } }
@keyframes ato-tiktak { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }
@keyframes ato-salin { from { transform: rotate(-5deg); } to { transform: rotate(5deg); } }
@keyframes ato-nefes {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(231,205,134,0)); }
  50% { transform: scale(1.05); filter: drop-shadow(0 0 8px rgba(231, 205, 134, .45)); }
}
@keyframes ato-titre {
  0%, 100% { transform: translateY(0) scale(1); }
  30% { transform: translateY(-1.5px) scale(1.02); }
  60% { transform: translateY(.5px) scale(.99); }
}
/* Üzerine gelince alet hızlanır/dikleşir */
.alet-kart:hover .alet-kart__gorsel svg { animation-duration: 1.2s; }
[data-oyun="astrolab"]:hover .alet-kart__gorsel svg,
[data-oyun="armiller"]:hover .alet-kart__gorsel svg,
[data-oyun="yer-kuresi"]:hover .alet-kart__gorsel svg { animation-duration: 6s; }

@media (prefers-reduced-motion: reduce) {
  .ato-hero::before, .ato-hero::after, .alet-kart__gorsel svg { animation: none !important; }
}