/* ==========================================================================
   Şeyh Sâdık Efendi Tekkesi — görsel dil
   Alaca Minare · Zenbûriyye âsitânesi · Üsküdar
   ========================================================================== */

:root{
  /* kâğıt & mürekkep */
  --kagit:      #efe6d3;
  --kagit-koyu: #e3d6bc;
  --kagit-acik: #f7f1e4;
  --murekkep:   #17150f;
  --murekkep-2: #3b3527;
  --murekkep-3: #6b6252;

  /* alaca: üç renk */
  --bal:        #a1731a;   /* bal / altın  */
  --bal-acik:   #d9ae52;
  --gul:        #7d2b26;   /* Osmanlı kızılı */
  --yesil:      #2c4437;   /* mine yeşili */

  --gece:       #14120c;
  --gece-2:     #1e1b13;

  --olcu:  1560px;
  --ray:   72px;           /* soldaki dikey şerit */

  --serif-baslik: "Bodoni Moda", "Didot", Georgia, serif;
  --serif-metin:  "Spectral", Georgia, serif;
  --arap:         "Amiri", serif;
}

*,*::before,*::after{ box-sizing:border-box; }

/* sınıflardaki display bildirimleri [hidden]'ı ezmesin */
[hidden]{ display:none !important; }

html{ scroll-behavior:smooth; }

body{
  margin:0;
  padding-left:var(--ray);
  background:var(--kagit);
  color:var(--murekkep);
  font-family:var(--serif-metin);
  font-weight:400;
  font-size:clamp(16.5px,1.02vw,18.5px);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

/* kâğıt dokusu — her sayfanın üstünde ince bir tanecik */
body::after{
  content:""; position:fixed; inset:0; z-index:300; pointer-events:none;
  opacity:.42; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

img{ max-width:100%; display:block; }
a{ color:inherit; }

/* --------------------------------------------------------------------------
   ALACA ŞERİT — sitenin imzası. Alaca Minare'nin renkli kuşaklarından.
   -------------------------------------------------------------------------- */
.alaca{
  background:repeating-linear-gradient(90deg,
    var(--gul)      0 14px,
    var(--kagit-acik) 14px 18px,
    var(--bal)      18px 32px,
    var(--kagit-acik) 32px 36px,
    var(--yesil)    36px 50px,
    var(--kagit-acik) 50px 54px);
  height:5px;
}
.alaca--ince{ height:3px; opacity:.85; }

/* --------------------------------------------------------------------------
   SOL DİKEY RAY
   -------------------------------------------------------------------------- */
.ray{
  position:fixed; top:0; left:0; bottom:0; width:var(--ray); z-index:80;
  background:var(--gece);
  display:flex; flex-direction:column; align-items:center;
  justify-content:space-between; padding:18px 0 22px;
  border-right:1px solid rgba(217,174,82,.22);
}
.ray__alaca{ width:100%; height:100%; position:absolute; inset:0 auto 0 0;
  width:5px;
  background:repeating-linear-gradient(180deg,
    var(--gul) 0 14px, transparent 14px 18px,
    var(--bal) 18px 32px, transparent 32px 36px,
    var(--yesil) 36px 50px, transparent 50px 54px);
  opacity:.9;
}
.ray__yazi{
  writing-mode:vertical-rl; text-orientation:mixed;
  font-family:var(--serif-baslik); font-size:10.5px; font-weight:500;
  letter-spacing:.42em; text-transform:uppercase;
  color:var(--bal-acik); opacity:.78; white-space:nowrap;
}
.ray__nokta{ width:5px; height:5px; border-radius:50%; background:var(--bal); opacity:.8; }

/* --------------------------------------------------------------------------
   ORTAK
   -------------------------------------------------------------------------- */
.kap{ max-width:var(--olcu); margin:0 auto; padding:0 clamp(24px,4.4vw,72px); }

.etiket{
  font-family:var(--serif-baslik); font-weight:600;
  font-size:10.5px; letter-spacing:.34em; text-transform:uppercase;
  color:var(--bal); display:block; margin-bottom:1.1em;
}
.etiket--gece{ color:var(--bal-acik); }

h1,h2,h3,h4{ font-family:var(--serif-baslik); font-weight:400; margin:0; line-height:1.06; }

.baslik{
  font-size:clamp(2.1rem,4.4vw,3.5rem);
  letter-spacing:-.014em;
}
.baslik em{ font-style:italic; }

.uzun p{ margin:0 0 1.15em; }
.uzun p:last-child{ margin-bottom:0; }

/* bölüm iskeleti: asimetrik ızgara */
.bolum{ padding:clamp(74px,9vw,132px) 0; position:relative; }
.bolum--sik{ padding-top:clamp(46px,5vw,66px); }
.izgara{
  display:grid; gap:clamp(28px,4vw,64px);
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);
  align-items:start;
}
.izgara--tek{ grid-template-columns:minmax(0,1fr); }

.ayrac{ border:0; height:1px; background:var(--murekkep); opacity:.16; margin:0; }

/* çifte tarih — hicrî üstte, mîlâdî altta */
.tarih{ display:inline-flex; flex-direction:column; line-height:1; text-align:center; }
.tarih b{
  font-family:var(--serif-baslik); font-weight:600; font-size:.98rem;
  letter-spacing:.02em; color:var(--gul);
}
.tarih b::after{ content:" H"; font-size:.62em; opacity:.6; letter-spacing:.1em; }
.tarih span{
  font-family:var(--serif-baslik); font-size:.72rem; letter-spacing:.08em;
  color:var(--murekkep-3); margin-top:5px;
}
.tarih span::after{ content:" M"; font-size:.78em; opacity:.55; }

/* --------------------------------------------------------------------------
   BAŞLIK ÇUBUĞU
   -------------------------------------------------------------------------- */
.ust{
  position:absolute; top:0; left:var(--ray); right:0; z-index:70;
  padding:26px clamp(20px,4vw,58px);
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.marka{ display:flex; align-items:center; gap:14px; text-decoration:none; }
.marka__muhur{ width:38px; height:38px; flex:none; }
.marka__ad{
  font-family:var(--serif-baslik); font-size:14px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--kagit-acik);
  line-height:1.35;
}
.marka__ad small{ display:block; font-size:9.5px; letter-spacing:.3em;
  color:var(--bal-acik); opacity:.85; font-weight:400; }

.gezinme{ display:flex; gap:clamp(16px,2.3vw,34px); align-items:center; }
.gezinme a{
  font-family:var(--serif-baslik); font-size:11.5px; letter-spacing:.22em;
  text-transform:uppercase; text-decoration:none; color:rgba(239,230,211,.72);
  padding-bottom:4px; border-bottom:1px solid transparent; transition:.35s;
}
.gezinme a:hover{ color:var(--bal-acik); border-bottom-color:var(--bal); }

/* --------------------------------------------------------------------------
   ZAHRİYE (hero) — koyu frontispis
   -------------------------------------------------------------------------- */
.zahriye{
  background:var(--gece); color:var(--kagit);
  position:relative; overflow:hidden;
  min-height:min(94vh,880px);
  display:flex; align-items:center;
  padding:clamp(112px,13vh,146px) 0 clamp(64px,9vh,92px);
}
.zahriye::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(120% 90% at 78% 42%, rgba(161,115,26,.20), transparent 58%),
             radial-gradient(80% 70% at 8% 100%, rgba(125,43,38,.16), transparent 62%);
}
.zahriye .kap{ position:relative; z-index:2; width:100%; }
.zahriye__izgara{
  display:grid; gap:clamp(30px,5vw,72px);
  grid-template-columns:minmax(0,1.32fr) minmax(0,.78fr);
  align-items:center;
}
.zahriye__ust{
  font-family:var(--serif-baslik); font-style:italic;
  font-size:clamp(1.05rem,1.8vw,1.5rem); color:var(--bal-acik);
  letter-spacing:.02em; margin-bottom:.5em;
}
.zahriye h1{
  font-size:clamp(2.6rem,5.9vw,4.9rem);
  letter-spacing:-.028em; line-height:.98; color:var(--kagit-acik);
}
.zahriye h1 .ince{ font-weight:400; }
.zahriye h1 .kalin{ font-weight:800; }
.zahriye__cizgi{
  width:96px; height:2px; margin:clamp(20px,3vh,32px) 0 clamp(18px,2.6vh,28px);
  background:linear-gradient(90deg,var(--bal),rgba(161,115,26,0));
}
.zahriye__giris{
  max-width:52ch; color:rgba(239,230,211,.8);
  font-size:1.035rem; line-height:1.8;
}
.zahriye__kunye{
  margin-top:clamp(22px,3.4vh,36px); display:flex; flex-wrap:wrap; gap:0 34px;
  font-family:var(--serif-baslik); font-size:10.5px; letter-spacing:.26em;
  text-transform:uppercase; color:rgba(239,230,211,.5);
}
.zahriye__kunye span{ position:relative; padding-left:16px; }
.zahriye__kunye span::before{
  content:"·"; position:absolute; left:0; color:var(--bal); font-size:1.5em; top:-.35em;
}

/* mühür + uğultu halkaları */
.muhur-alan{ position:relative; display:grid; place-items:center; aspect-ratio:1; }
.ugultu{ position:absolute; inset:0; display:grid; place-items:center; }
.ugultu i{
  position:absolute; border:1px solid rgba(217,174,82,.30); border-radius:50%;
  width:100%; height:100%;
  animation:ugultu 7.5s cubic-bezier(.2,.6,.3,1) infinite;
}
.ugultu i:nth-child(2){ animation-delay:2.5s; }
.ugultu i:nth-child(3){ animation-delay:5s; }
@keyframes ugultu{
  0%{ transform:scale(.42); opacity:0; }
  18%{ opacity:.85; }
  100%{ transform:scale(1.06); opacity:0; }
}
.muhur{ width:min(78%,320px); height:auto; position:relative; z-index:2; }
.muhur__donen{ transform-origin:50% 50%; animation:don 68s linear infinite; }
@keyframes don{ to{ transform:rotate(360deg); } }

.kaydir{
  position:absolute; left:50%; bottom:30px; transform:translateX(-50%);
  z-index:3; font-family:var(--serif-baslik); font-size:9.5px;
  letter-spacing:.34em; text-transform:uppercase; color:rgba(239,230,211,.45);
  display:flex; flex-direction:column; align-items:center; gap:10px;
}
.kaydir::after{
  content:""; width:1px; height:44px;
  background:linear-gradient(180deg,var(--bal),transparent);
  animation:inik 2.6s ease-in-out infinite;
}
@keyframes inik{ 0%,100%{ opacity:.25; } 50%{ opacity:1; } }

/* --------------------------------------------------------------------------
   METİN BLOKLARI
   -------------------------------------------------------------------------- */
.girizgah{ background:var(--kagit-acik); }
.girizgah .uzun{ font-size:1.09rem; }
.girizgah .uzun > p:first-child::first-letter{
  float:left; font-family:var(--serif-baslik); font-weight:700;
  font-size:4.05em; line-height:.82; padding:.06em .12em 0 0;
  color:var(--gul);
}

.iri-alinti{
  font-family:var(--serif-baslik); font-style:italic; font-weight:400;
  font-size:clamp(1.35rem,2.6vw,2.05rem); line-height:1.36;
  letter-spacing:-.01em; color:var(--murekkep);
  border-left:2px solid var(--bal); padding-left:clamp(18px,2.4vw,34px);
  margin:0;
}
.iri-alinti footer{
  display:block; margin-top:18px; font-family:var(--serif-baslik);
  font-style:normal; font-size:10.5px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--murekkep-3);
}

/* --------------------------------------------------------------------------
   ZİKR-İ ZENBÛRÎ — koyu tam genişlik kuşak
   -------------------------------------------------------------------------- */
.zenburi{
  background:var(--gece-2); color:var(--kagit); position:relative; overflow:hidden;
  padding:clamp(84px,10vw,150px) 0; text-align:center;
}
.zenburi::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(60% 120% at 50% 50%, rgba(161,115,26,.18), transparent 62%);
}
.zenburi .kap{ position:relative; z-index:2; max-width:820px; }
.zenburi__hu{
  font-family:var(--arap); font-size:clamp(4rem,11vw,8.5rem); line-height:1;
  color:var(--bal-acik); opacity:.9; margin:0 0 .1em;
  animation:nefes 6s ease-in-out infinite;
}
@keyframes nefes{ 0%,100%{ opacity:.62; letter-spacing:0; } 50%{ opacity:1; letter-spacing:.02em; } }
.zenburi h2{
  font-size:clamp(1.9rem,3.6vw,2.9rem); color:var(--kagit-acik);
  font-style:italic; margin-bottom:.5em;
}
.zenburi p{ color:rgba(239,230,211,.76); max-width:62ch; margin:0 auto 1.1em; }
.zenburi__seritler{
  display:flex; justify-content:center; gap:0; margin-top:44px; opacity:.5;
}

/* --------------------------------------------------------------------------
   ZAMAN DİZİNİ
   -------------------------------------------------------------------------- */
.dizin{ list-style:none; margin:0; padding:0; }
.dizin li{
  display:grid; grid-template-columns:96px 1fr; gap:clamp(18px,3vw,44px);
  padding:26px 0; border-top:1px solid rgba(23,21,15,.14);
  align-items:start;
}
.dizin li:last-child{ border-bottom:1px solid rgba(23,21,15,.14); }
.dizin h3{
  font-size:1.22rem; font-weight:500; letter-spacing:-.005em; margin-bottom:.4em;
}
.dizin p{ margin:0; font-size:.965rem; color:var(--murekkep-2); }
.dizin li:hover h3{ color:var(--gul); }
.dizin h3{ transition:color .3s; }

/* --------------------------------------------------------------------------
   KİTÂBE — Osmanlı kitâbeleri manzume gibi dizilir
   -------------------------------------------------------------------------- */
.kitabe{
  background:var(--kagit-acik); border-top:1px solid rgba(161,115,26,.4);
  border-bottom:1px solid rgba(161,115,26,.4);
  padding:clamp(30px,4vw,52px) clamp(20px,3.5vw,46px); position:relative;
}
.kitabe + .kitabe{ margin-top:clamp(26px,3vw,40px); }
.kitabe__ad{
  font-family:var(--serif-baslik); font-size:10.5px; letter-spacing:.3em;
  text-transform:uppercase; color:var(--bal); margin-bottom:1.4em; display:block;
}
.kitabe__beyit{
  font-family:var(--serif-baslik); font-style:italic;
  font-size:clamp(1.02rem,1.55vw,1.24rem); line-height:1.95;
  color:var(--murekkep); margin:0; white-space:pre-line;
}
.kitabe__alt{
  margin-top:1.6em; padding-top:1.1em; border-top:1px dotted rgba(23,21,15,.24);
  font-size:.86rem; color:var(--murekkep-3); display:flex;
  flex-wrap:wrap; gap:6px 22px; align-items:baseline;
}

/* --------------------------------------------------------------------------
   POSTNİŞİNLER & HAZİRE
   -------------------------------------------------------------------------- */
.silsile{ list-style:none; margin:0; padding:0; counter-reset:p; }
.silsile li{
  counter-increment:p; padding:15px 0 15px 52px; position:relative;
  border-bottom:1px solid rgba(23,21,15,.12);
  font-family:var(--serif-baslik); font-size:1.06rem; letter-spacing:-.004em;
}
.silsile li::before{
  content:counter(p,decimal-leading-zero);
  position:absolute; left:0; top:17px;
  font-size:11px; letter-spacing:.14em; color:var(--bal); font-weight:600;
}
.silsile li em{
  display:block; font-family:var(--serif-metin); font-style:normal;
  font-size:.82rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--murekkep-3); margin-top:5px;
}
.silsile li.pir{ background:linear-gradient(90deg,rgba(161,115,26,.13),transparent 72%); }
.silsile li.pir::before{ color:var(--gul); }
.silsile li.pir strong{ font-weight:700; }

.hazire{ list-style:none; margin:0; padding:0; }
.hazire li{
  display:flex; justify-content:space-between; align-items:baseline; gap:22px;
  padding:13px 0; border-bottom:1px dotted rgba(23,21,15,.22);
  font-size:.965rem;
}
.hazire li span:first-child{ font-family:var(--serif-baslik); font-size:1.03rem; }
.hazire li em{ display:block; font-size:.8rem; color:var(--murekkep-3); font-style:normal; }

/* --------------------------------------------------------------------------
   ESERLER
   -------------------------------------------------------------------------- */
.eserler{ display:grid; gap:2px; grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  background:rgba(23,21,15,.14); border:1px solid rgba(23,21,15,.14); }
.eser{ background:var(--kagit-acik); padding:clamp(24px,3vw,34px); transition:.4s; }
.eser:hover{ background:var(--kagit-koyu); }
.eser__no{ font-family:var(--serif-baslik); font-size:10.5px; letter-spacing:.28em;
  color:var(--bal); display:block; margin-bottom:1.6em; }
.eser h3{ font-size:1.32rem; font-style:italic; margin-bottom:.55em; }
.eser p{ margin:0; font-size:.9rem; color:var(--murekkep-2); line-height:1.66; }

/* --------------------------------------------------------------------------
   GÖRSEL YERİ (fotoğraflar gelene kadar)
   -------------------------------------------------------------------------- */
.plak{
  position:relative; background:var(--kagit-koyu);
  border:1px solid rgba(23,21,15,.2);
  display:grid; place-items:center; text-align:center;
  aspect-ratio:4/5; overflow:hidden;
}
.plak--yatay{ aspect-ratio:16/10; }
.plak--kare{ aspect-ratio:1; }
.plak::before{
  content:""; position:absolute; inset:0; opacity:.4;
  background:repeating-linear-gradient(-45deg,
    transparent 0 9px, rgba(23,21,15,.07) 9px 10px);
}
.plak__ic{ position:relative; z-index:2; padding:20px; }
.plak__ic b{
  display:block; font-family:var(--serif-baslik); font-size:10.5px;
  letter-spacing:.28em; text-transform:uppercase; color:var(--bal);
  margin-bottom:.9em;
}
.plak__ic span{ font-family:var(--serif-baslik); font-style:italic;
  font-size:1.02rem; color:var(--murekkep-2); }
.plak__altyazi{
  margin-top:12px; font-size:.8rem; color:var(--murekkep-3);
  letter-spacing:.02em; line-height:1.5;
}
.galeri{ display:grid; gap:clamp(10px,1.4vw,18px);
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }

/* --------------------------------------------------------------------------
   ZİYARET & ALT BİLGİ
   -------------------------------------------------------------------------- */
.ziyaret{ background:var(--kagit-acik); }
.kunye-satir{ display:flex; flex-direction:column; gap:5px; padding:18px 0;
  border-bottom:1px solid rgba(23,21,15,.12); }
.kunye-satir b{ font-family:var(--serif-baslik); font-size:10.5px;
  letter-spacing:.28em; text-transform:uppercase; color:var(--bal); font-weight:600; }

.alt{ background:var(--gece); color:rgba(239,230,211,.7); padding:clamp(56px,7vw,88px) 0 34px; }
.alt a{ color:var(--bal-acik); text-decoration:none; border-bottom:1px solid rgba(217,174,82,.35); }
.alt__izgara{ display:grid; gap:clamp(26px,4vw,58px);
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
.alt h4{ font-size:11px; letter-spacing:.3em; text-transform:uppercase;
  color:var(--bal-acik); margin-bottom:1.5em; font-weight:600; }
.alt ul{ list-style:none; margin:0; padding:0; }
.alt li{ margin-bottom:.65em; font-size:.92rem; }
.alt__son{ margin-top:clamp(40px,5vw,64px); padding-top:24px;
  border-top:1px solid rgba(239,230,211,.14);
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px;
  font-size:.8rem; color:rgba(239,230,211,.45); }

.not{ font-size:.83rem; color:var(--murekkep-3); font-style:italic;
  border-left:2px solid rgba(161,115,26,.5); padding-left:14px; margin-top:2em; }

/* düğme */
.dugme{
  display:inline-flex; align-items:center; gap:12px; text-decoration:none;
  font-family:var(--serif-baslik); font-size:11px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--murekkep);
  padding-bottom:7px; border-bottom:1px solid var(--bal);
  transition:.35s;
}
.dugme::after{ content:"→"; transition:transform .35s; }
.dugme:hover{ color:var(--gul); }
.dugme:hover::after{ transform:translateX(6px); }
.dugme--gece{ color:var(--kagit-acik); }
.dugme--gece:hover{ color:var(--bal-acik); }

/* belirme */
.beliren{ opacity:0; transform:translateY(22px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.3,1); }
.beliren.gorundu{ opacity:1; transform:none; }

/* --------------------------------------------------------------------------
   MAKALE SAYFASI (Pîr-i Sânî)
   -------------------------------------------------------------------------- */
.makale-ust{
  background:var(--gece); color:var(--kagit); position:relative; overflow:hidden;
  padding:clamp(140px,15vw,200px) 0 clamp(56px,7vw,88px);
}
.makale-ust::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(90% 110% at 88% 20%, rgba(161,115,26,.22), transparent 60%);
}
.makale-ust .kap{ position:relative; z-index:2; }
.makale-ust__ust{
  font-family:var(--serif-baslik); font-style:italic; color:var(--bal-acik);
  font-size:clamp(1rem,1.6vw,1.35rem); margin:0 0 .35em;
}
.makale-ust h1{
  font-size:clamp(2.4rem,6vw,5rem); letter-spacing:-.028em;
  color:var(--kagit-acik); max-width:16ch;
}
.makale-ust__satir{
  margin-top:34px; display:flex; flex-wrap:wrap; gap:12px 38px; align-items:center;
  font-family:var(--serif-baslik); font-size:10.5px; letter-spacing:.26em;
  text-transform:uppercase; color:rgba(239,230,211,.55);
}

.makale-izgara{
  display:grid; gap:clamp(30px,4.5vw,72px);
  grid-template-columns:minmax(0,210px) minmax(0,1fr);
  align-items:start;
}
.fihrist{ position:sticky; top:46px; }
.fihrist ol{ list-style:none; margin:0; padding:0; counter-reset:f; }
.fihrist li{ counter-increment:f; margin-bottom:.85em; }
.fihrist a{
  text-decoration:none; font-family:var(--serif-baslik); font-size:.92rem;
  color:var(--murekkep-2); display:flex; gap:11px; transition:.3s; line-height:1.35;
}
.fihrist a::before{
  content:counter(f,decimal-leading-zero); font-size:9.5px; letter-spacing:.12em;
  color:var(--bal); padding-top:5px; flex:none;
}
.fihrist a:hover{ color:var(--gul); }

.makale{ max-width:66ch; }
.makale h2{
  font-size:clamp(1.55rem,2.9vw,2.25rem); margin:clamp(50px,6vw,80px) 0 .7em;
  letter-spacing:-.012em;
}
.makale h2:first-child{ margin-top:0; }
.makale h2 span{ display:block; font-family:var(--serif-baslik); font-style:normal;
  font-size:10.5px; letter-spacing:.3em; text-transform:uppercase;
  color:var(--bal); margin-bottom:.9em; }
.makale p{ margin:0 0 1.2em; }
.makale > p:first-of-type::first-letter{
  float:left; font-family:var(--serif-baslik); font-weight:700;
  font-size:3.9em; line-height:.82; padding:.06em .11em 0 0; color:var(--gul);
}
.makale b{ font-weight:500; }

.kenar{
  border-top:1px solid var(--bal); border-bottom:1px solid rgba(161,115,26,.35);
  padding:20px 0; margin:2.2em 0; background:rgba(161,115,26,.055);
  padding-left:18px; padding-right:18px;
}
.kenar b{
  display:block; font-family:var(--serif-baslik); font-size:10.5px;
  letter-spacing:.28em; text-transform:uppercase; color:var(--bal); margin-bottom:.7em;
}
.kenar p{ margin:0; font-size:.93rem; color:var(--murekkep-2); }

.unvanlar{ display:flex; flex-wrap:wrap; gap:8px; margin:1.6em 0 2.2em; padding:0; list-style:none; }
.unvanlar li{
  font-family:var(--serif-baslik); font-size:.86rem; font-style:italic;
  border:1px solid rgba(161,115,26,.5); padding:7px 15px;
  background:var(--kagit-acik); color:var(--murekkep-2);
}

.zincir{ list-style:none; margin:2em 0; padding:0; }
.zincir li{
  position:relative; padding:0 0 26px 30px; font-family:var(--serif-baslik);
  font-size:1.02rem; line-height:1.45;
}
.zincir li::before{
  content:""; position:absolute; left:4px; top:9px; width:8px; height:8px;
  border-radius:50%; background:var(--kagit); border:1.5px solid var(--bal);
}
.zincir li::after{
  content:""; position:absolute; left:7.5px; top:20px; bottom:-2px; width:1px;
  background:rgba(161,115,26,.4);
}
.zincir li:last-child{ padding-bottom:0; }
.zincir li:last-child::after{ display:none; }
.zincir li em{ display:block; font-family:var(--serif-metin); font-style:normal;
  font-size:.83rem; color:var(--murekkep-3); margin-top:3px; letter-spacing:.04em; }

/* --------------------------------------------------------------------------
   DAR EKRAN
   -------------------------------------------------------------------------- */
@media (max-width:900px){
  :root{ --ray:0px; }
  body{ padding-left:0; }
  .ray{ display:none; }
  .ust{ left:0; padding:18px clamp(16px,4vw,24px); }
  .gezinme{ display:none; }
  .zahriye{ padding:120px 0 72px; min-height:auto; }
  .zahriye__izgara{ grid-template-columns:1fr; }
  .muhur-alan{ order:-1; max-width:220px; margin:0 auto 18px; }
  .izgara{ grid-template-columns:1fr; }
  .dizin li{ grid-template-columns:74px 1fr; }
  .kaydir{ display:none; }
  .makale-izgara{ grid-template-columns:1fr; }
  .fihrist{ position:static; padding-bottom:22px; border-bottom:1px solid rgba(23,21,15,.14); }
  .fihrist ol{ columns:2; column-gap:26px; }
}

@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
  .beliren{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}

/* ==========================================================================
   BİLEŞENLER — arama, arşiv, galeri, postnişîn kartları
   ========================================================================== */

.atla{ position:absolute; left:-9999px; top:0; z-index:999; background:var(--gece);
  color:var(--kagit); padding:12px 20px; font-family:var(--serif-baslik); font-size:12px;
  letter-spacing:.2em; text-transform:uppercase; }
.atla:focus{ left:var(--ray); }

body.kilit{ overflow:hidden; }
body.ic-sayfa .ust{ position:relative; }

.ust--kati{ background:var(--gece); position:relative; }

.gezinme a.etkin{ color:var(--bal-acik); border-bottom-color:var(--bal); }

/* arama düğmesi */
.ara-dugme{ background:none; border:1px solid rgba(217,174,82,.4); color:var(--bal-acik);
  width:34px; height:34px; border-radius:50%; display:grid; place-items:center;
  cursor:pointer; transition:.3s; margin-left:8px; }
.ara-dugme:hover{ background:rgba(217,174,82,.14); border-color:var(--bal); }

/* mobil menü */
.menu-dugme{ display:none; background:none; border:0; cursor:pointer; padding:10px;
  flex-direction:column; gap:5px; }
.menu-dugme span{ display:block; width:24px; height:1.5px; background:var(--kagit-acik);
  transition:.3s; }
.menu-dugme.acik span:first-child{ transform:translateY(3.25px) rotate(45deg); }
.menu-dugme.acik span:last-child{ transform:translateY(-3.25px) rotate(-45deg); }
.mobil-menu{ position:fixed; inset:0; z-index:200; background:var(--gece);
  padding:96px clamp(22px,6vw,40px) 40px; overflow-y:auto; }
.mobil-menu ul{ list-style:none; margin:0 0 28px; padding:0; }
.mobil-menu li{ border-bottom:1px solid rgba(239,230,211,.12); }
.mobil-menu a{ display:block; padding:16px 0; text-decoration:none; color:var(--kagit-acik);
  font-family:var(--serif-baslik); font-size:1.25rem; }
.mobil-menu .dugme{ color:var(--bal-acik); border-bottom-color:var(--bal); }

/* iç sayfa başlığı */
.sayfa-ust{ background:var(--gece); color:var(--kagit); position:relative; overflow:hidden;
  padding:clamp(58px,8vw,96px) 0 clamp(48px,6vw,76px); }
.sayfa-ust::before{ content:""; position:absolute; inset:0;
  background:radial-gradient(90% 120% at 86% 18%, rgba(161,115,26,.22), transparent 62%); }
.sayfa-ust .kap{ position:relative; z-index:2; }
.sayfa-ust__ust{ font-family:var(--serif-baslik); font-style:italic; color:var(--bal-acik);
  font-size:clamp(.98rem,1.5vw,1.28rem); margin:0 0 .4em; }
.sayfa-ust h1{ font-family:var(--serif-baslik); font-weight:400; margin:0;
  font-size:clamp(2.3rem,5.6vw,4.6rem); letter-spacing:-.028em; line-height:1;
  color:var(--kagit-acik); max-width:18ch; }
.sayfa-ust h1 em{ font-style:italic; }
.sayfa-ust__satir{ margin-top:30px; display:flex; flex-wrap:wrap; gap:10px 34px;
  font-family:var(--serif-baslik); font-size:10.5px; letter-spacing:.24em;
  text-transform:uppercase; color:rgba(239,230,211,.55); }

/* atıflar */
.atif{ font-family:var(--serif-baslik); font-size:.72em; letter-spacing:.1em;
  text-transform:uppercase; color:var(--bal); text-decoration:none;
  border-bottom:1px dotted rgba(161,115,26,.6); white-space:nowrap; padding:0 .15em; }
.atif:hover{ background:rgba(161,115,26,.14); }

.ihtilaf{ display:block; margin-top:.7em; padding-left:12px;
  border-left:2px solid rgba(125,43,38,.5); font-style:italic;
  font-size:.9em; color:var(--murekkep-3); }

/* sayılar */
.sayilar{ display:grid; grid-template-columns:repeat(2,1fr); gap:2px;
  background:rgba(23,21,15,.14); border:1px solid rgba(23,21,15,.14); }
.sayilar div{ background:var(--kagit-acik); padding:clamp(20px,3vw,32px); text-align:center; }
.sayilar b{ display:block; font-family:var(--serif-baslik); font-weight:600;
  font-size:clamp(2rem,4vw,3rem); color:var(--gul); line-height:1; }
.sayilar span{ display:block; margin-top:8px; font-family:var(--serif-baslik);
  font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:var(--murekkep-3); }

/* postnişîn kartları */
.postnisinler{ border-top:1px solid rgba(23,21,15,.16); }
.postnisin{ display:grid; grid-template-columns:52px 1fr auto; gap:clamp(14px,2.4vw,34px);
  padding:clamp(20px,2.6vw,30px) 0; border-bottom:1px solid rgba(23,21,15,.14);
  align-items:start; }
.postnisin__no{ font-family:var(--serif-baslik); font-size:11px; letter-spacing:.14em;
  color:var(--bal); padding-top:8px; font-weight:600; }
.postnisin h3{ font-size:1.32rem; font-weight:400; margin-bottom:.25em; }
.postnisin__sifat{ font-family:var(--serif-baslik); font-size:.78rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--murekkep-3); margin:0 0 .8em; }
.postnisin p{ margin:0; font-size:.95rem; color:var(--murekkep-2); }
.postnisin--pir{ background:linear-gradient(90deg,rgba(161,115,26,.13),transparent 78%); }
.postnisin--pir h3{ font-weight:700; }
.postnisin--pir .postnisin__no{ color:var(--gul); }

/* silsile zinciri */
.silsile-zincir{ list-style:none; margin:0; padding:0; max-width:640px; }
.silsile-dugum{ position:relative; padding:0 0 30px 44px; }
.silsile-dugum::before{ content:""; position:absolute; left:8px; top:8px; width:12px; height:12px;
  border-radius:50%; background:var(--kagit-acik); border:2px solid var(--bal); z-index:2; }
.silsile-dugum::after{ content:""; position:absolute; left:13.5px; top:22px; bottom:-2px;
  width:1px; background:rgba(161,115,26,.45); }
.silsile-dugum:last-child{ padding-bottom:0; }
.silsile-dugum:last-child::after{ display:none; }
.silsile-dugum b{ display:block; font-family:var(--serif-baslik); font-size:1.14rem;
  font-weight:500; line-height:1.3; }
.silsile-dugum em{ display:block; font-style:normal; font-size:.84rem; letter-spacing:.05em;
  color:var(--murekkep-3); margin-top:4px; }
.silsile-dugum--pir::before{ background:var(--gul); border-color:var(--gul);
  width:16px; height:16px; left:6px; }
.silsile-dugum--pir b{ font-weight:700; color:var(--gul); }
.silsile-dugum--kok::before,.silsile-dugum--yer::before{ background:var(--bal); }
.silsile-dugum--kol b{ font-style:italic; font-weight:400; }

.eser__nesir{ margin-top:1em !important; padding-top:.9em;
  border-top:1px dotted rgba(23,21,15,.22); font-size:.82rem !important;
  color:var(--murekkep-3) !important; font-style:italic; }

/* kaynakça */
.kaynakca{ list-style:none; margin:0; padding:0; max-width:80ch; }
.kaynakca li{ padding:20px 0; border-bottom:1px solid rgba(23,21,15,.14); scroll-margin-top:30px; }
.kaynakca li:target{ background:rgba(161,115,26,.12); padding-left:16px; }
.kaynakca b{ font-family:var(--serif-baslik); font-size:1.06rem; font-weight:500;
  display:block; }
.kaynakca em{ display:block; margin-top:3px; }
.kaynakca span{ display:block; margin-top:4px; font-size:.84rem; color:var(--murekkep-3); }

/* galeri kareleri */
.kare{ display:block; overflow:hidden; background:var(--kagit-koyu); position:relative;
  border:1px solid rgba(23,21,15,.16); }
.kare img{ width:100%; height:100%; object-fit:cover; aspect-ratio:1;
  transition:transform .7s cubic-bezier(.2,.7,.3,1), filter .5s; }
.kare:hover img{ transform:scale(1.045); filter:saturate(1.08); }
.galeri--genis{ grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }

/* büyütme katmanı */
.buyut-katman{ position:fixed; inset:0; z-index:400; background:rgba(12,11,7,.95);
  display:grid; place-items:center; padding:clamp(30px,6vw,70px); }
.buyut-katman figure{ margin:0; max-width:100%; max-height:100%; text-align:center; }
.buyut-katman img{ max-width:100%; max-height:82vh; object-fit:contain;
  border:1px solid rgba(217,174,82,.35); }
.buyut-katman figcaption{ margin-top:14px; font-family:var(--serif-baslik); font-size:10.5px;
  letter-spacing:.28em; color:rgba(239,230,211,.6); }
.buyut-kapat,.belge-kapat{ position:absolute; top:16px; right:20px; z-index:3;
  background:none; border:0; color:var(--kagit); font-size:34px; line-height:1;
  cursor:pointer; opacity:.65; transition:.3s; }
.buyut-kapat:hover,.belge-kapat:hover{ opacity:1; color:var(--bal-acik); }
.buyut-gez,.belge-gez{ position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  background:none; border:0; color:var(--kagit); font-size:52px; line-height:1;
  cursor:pointer; opacity:.45; transition:.3s; padding:20px; }
.buyut-gez:hover,.belge-gez:hover{ opacity:1; color:var(--bal-acik); }
.buyut-gez--geri,.belge-gez--geri{ left:4px; }
.buyut-gez--ileri,.belge-gez--ileri{ right:4px; }

/* ARAMA katmanı */
.ara-katman{ position:fixed; inset:0; z-index:500; background:rgba(12,11,7,.94);
  padding:clamp(46px,10vh,110px) clamp(20px,5vw,40px); overflow-y:auto; }
.ara-kutu{ max-width:760px; margin:0 auto; }
.ara-katman .etiket{ color:var(--bal-acik); }
.ara-kutu input,.ara-sayfa input{ width:100%; background:none; border:0;
  border-bottom:1px solid rgba(217,174,82,.5); color:var(--kagit-acik);
  font-family:var(--serif-baslik); font-size:clamp(1.5rem,3.6vw,2.5rem);
  padding:.25em 0 .4em; outline:none; }
.ara-kutu input::placeholder,.ara-sayfa input::placeholder{ color:rgba(239,230,211,.3); }
.ara-kutu input:focus,.ara-sayfa input:focus{ border-bottom-color:var(--bal); }
.ara-ipucu{ margin:14px 0 0; font-size:.84rem; color:rgba(239,230,211,.45); }
.ara-kapat{ position:fixed; top:18px; right:26px; background:none; border:0;
  color:var(--kagit); font-size:38px; line-height:1; cursor:pointer; opacity:.6; }
.ara-kapat:hover{ opacity:1; color:var(--bal-acik); }
.ara-sonuc{ margin-top:34px; }
.ara-sayi{ font-family:var(--serif-baslik); font-size:10.5px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--bal); margin:0 0 14px; }
.ara-bos{ color:rgba(239,230,211,.5); font-style:italic; }
.ara-satir{ display:block; text-decoration:none; padding:16px 0;
  border-bottom:1px solid rgba(239,230,211,.12); }
.ara-satir b{ font-family:var(--serif-baslik); font-size:1.1rem; font-weight:500;
  color:var(--kagit-acik); }
.ara-tur{ display:inline-block; margin-left:10px; font-family:var(--serif-baslik);
  font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:var(--bal);
  border:1px solid rgba(161,115,26,.5); padding:2px 7px; vertical-align:2px; }
.ara-satir em{ display:block; margin-top:6px; font-style:normal; font-size:.88rem;
  color:rgba(239,230,211,.6); line-height:1.6; }
.ara-satir:hover b{ color:var(--bal-acik); }
.ara-satir:hover em{ color:rgba(239,230,211,.85); }

/* arama SAYFASI — kâğıt üstünde */
.ara-sayfa input{ color:var(--murekkep); border-bottom-color:rgba(161,115,26,.6); }
.ara-sayfa input::placeholder{ color:rgba(23,21,15,.28); }
.ara-sayfa .ara-ipucu{ color:var(--murekkep-3); }
.ara-sayfa .ara-satir{ border-bottom-color:rgba(23,21,15,.14); }
.ara-sayfa .ara-satir b{ color:var(--murekkep); }
.ara-sayfa .ara-satir em{ color:var(--murekkep-2); }
.ara-sayfa .ara-bos{ color:var(--murekkep-3); }

/* ARŞİV */
.arsiv-arac{ margin-bottom:clamp(20px,3vw,32px); }
#arsiv-ara{ width:100%; background:var(--kagit-acik); border:1px solid rgba(23,21,15,.2);
  color:var(--murekkep); font-family:var(--serif-baslik); font-size:1.06rem;
  padding:16px 20px; outline:none; }
#arsiv-ara:focus{ border-color:var(--bal); }
.arsiv-suzgec{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.arsiv-suzgec button{ background:none; border:1px solid rgba(23,21,15,.2);
  font-family:var(--serif-baslik); font-size:.82rem; letter-spacing:.03em;
  padding:8px 14px; cursor:pointer; color:var(--murekkep-2); transition:.28s; }
.arsiv-suzgec button i{ font-style:normal; color:var(--bal); font-size:.78em;
  margin-left:5px; }
.arsiv-suzgec button:hover{ border-color:var(--bal); }
.arsiv-suzgec button.etkin{ background:var(--gece); color:var(--kagit-acik);
  border-color:var(--gece); }
.arsiv-suzgec button.etkin i{ color:var(--bal-acik); }
.arsiv-durum{ font-family:var(--serif-baslik); font-size:10.5px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--murekkep-3); margin:0 0 20px; }
.arsiv-izgara{ display:grid; gap:clamp(12px,1.6vw,20px);
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); }
.arsiv-kart{ background:var(--kagit-acik); border:1px solid rgba(23,21,15,.18);
  padding:0; cursor:pointer; text-align:left; display:flex; flex-direction:column;
  transition:.3s; font:inherit; }
.arsiv-kart:hover{ border-color:var(--bal); transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(23,21,15,.14); }
.arsiv-kart img{ width:100%; aspect-ratio:3/4; object-fit:cover; object-position:top;
  background:var(--kagit-koyu); }
.arsiv-kart__bilgi{ padding:11px 12px 13px; display:block; }
.arsiv-kart__bilgi b{ display:block; font-family:var(--serif-baslik); font-size:.92rem;
  font-weight:500; }
.arsiv-kart__bilgi em{ display:block; font-style:normal; font-size:.72rem;
  color:var(--murekkep-3); margin-top:2px; line-height:1.35; }
.arsiv-rozet{ display:inline-block; margin-top:7px; font-style:normal; font-size:8.5px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--bal);
  border:1px solid rgba(161,115,26,.45); padding:2px 6px; }

/* belge okuyucu */
.belge-katman{ position:fixed; inset:0; z-index:450; background:rgba(12,11,7,.96);
  padding:clamp(46px,6vh,70px) clamp(46px,6vw,80px); }
.belge-ic{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(20px,3vw,44px); height:100%; }
.belge-gorsel{ display:grid; place-items:center; overflow:auto; }
.belge-gorsel img{ max-width:100%; max-height:100%; object-fit:contain;
  border:1px solid rgba(217,174,82,.3); background:var(--kagit); }
.belge-metin{ overflow-y:auto; padding-right:10px; }
.belge-metin .etiket{ color:var(--bal-acik); }
.belge-metin pre{ white-space:pre-wrap; font-family:var(--serif-metin); font-size:.94rem;
  line-height:1.75; color:rgba(239,230,211,.82); margin:0; }
.belge-uyari{ margin-top:26px; padding-top:16px; border-top:1px solid rgba(239,230,211,.14);
  font-size:.78rem; font-style:italic; color:rgba(239,230,211,.4); }

/* harita */
.harita{ height:clamp(300px,46vh,470px); border:1px solid rgba(23,21,15,.2);
  background:var(--kagit-koyu); }
.harita .leaflet-control-attribution{ font-size:9px; }

@media (max-width:900px){
  .menu-dugme{ display:flex; }
  .ust{ position:relative; }
  .sayfa-ust{ padding-top:clamp(40px,6vw,64px); }
  .belge-ic{ grid-template-columns:1fr; grid-template-rows:minmax(0,1.1fr) minmax(0,1fr); }
  .belge-katman{ padding:52px 18px 18px; }
  .belge-gez{ display:none; }
  .postnisin{ grid-template-columns:40px 1fr; }
  .postnisin__tarih{ grid-column:2; }
  .sayilar{ grid-template-columns:repeat(2,1fr); }
}

.kare-kutu{ margin:0; }
.kare-kutu figcaption{ margin-top:10px; font-size:.82rem; line-height:1.5;
  color:var(--murekkep-3); }
.teyit{ display:inline-block; width:15px; height:15px; border-radius:50%;
  border:1px solid var(--gul); color:var(--gul); font-style:normal; font-size:9px;
  text-align:center; line-height:14px; margin-left:5px; cursor:help; vertical-align:1px; }

/* ==========================================================================
   ZAHRİYE — koyu zemin üzerinde arşiv kolajı  (v2 birleştirmesi)
   ========================================================================== */

.zahriye__zemin{
  position:absolute; right:-2vw; top:44%; transform:translateY(-50%);
  font-family:var(--arap); font-size:min(46vw,540px); line-height:1;
  color:rgba(217,174,82,.05); pointer-events:none; user-select:none; z-index:1;
}
.zahriye__izgara{
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.42fr);
  align-items:center;
}
.zahriye__soz{
  font-family:var(--serif-baslik); font-style:italic;
  font-size:clamp(1.05rem,1.9vw,1.5rem); color:var(--bal-acik);
  margin:.55em 0 0;
}
.zahriye__dugme{
  display:inline-flex; align-items:center; gap:14px; margin-top:clamp(22px,3vh,34px);
  text-decoration:none; font-family:var(--serif-baslik); font-size:11.5px;
  letter-spacing:.24em; text-transform:uppercase; color:var(--gece);
  background:var(--bal-acik); padding:15px 26px; transition:.35s;
}
.zahriye__dugme:hover{ background:var(--kagit-acik); }
.zahriye__dugme span{ transition:transform .35s; }
.zahriye__dugme:hover span{ transform:translateX(6px); }

/* --- kolaj: masaya bırakılmış belge + fotoğraf + mühür --- */
.kolaj{ position:relative; aspect-ratio:1/.92; }
.kolaj figure{ position:absolute; margin:0; background:var(--kagit-acik);
  padding:11px 11px 0; box-shadow:0 22px 48px rgba(0,0,0,.55);
  transition:transform .6s cubic-bezier(.2,.7,.3,1); }
.kolaj figure img{ width:100%; height:100%; object-fit:cover; display:block; }
.kolaj figcaption{ padding:11px 3px 13px; font-family:var(--serif-baslik);
  font-size:9.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--murekkep-3); display:flex; flex-wrap:wrap; gap:3px 12px; }
.kolaj figcaption b{ color:var(--gul); font-weight:600; }

.kolaj__belge{ left:0; top:4%; width:60%; transform:rotate(-3.4deg); z-index:2; }
.kolaj__belge img{ aspect-ratio:4/3; }
.kolaj__foto{ right:0; bottom:2%; width:57%; transform:rotate(2.6deg); z-index:3; }
.kolaj__foto img{ aspect-ratio:1; }
.kolaj:hover .kolaj__belge{ transform:rotate(-5deg) translateY(-6px); }
.kolaj:hover .kolaj__foto{ transform:rotate(4deg) translateY(-6px); }

/* yapıştırma bandı */
.kolaj__bant{ position:absolute; top:-13px; left:26%; width:96px; height:26px;
  background:linear-gradient(180deg,rgba(239,230,211,.5),rgba(217,174,82,.34));
  transform:rotate(-4deg); box-shadow:0 2px 7px rgba(0,0,0,.35); }
.kolaj__bant::before,.kolaj__bant::after{ content:""; position:absolute; top:0; bottom:0;
  width:5px; background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(20,18,12,.16) 3px 6px); }
.kolaj__bant::before{ left:0; } .kolaj__bant::after{ right:0; }

/* mühür, kolajın üstüne mühürlenmiş gibi */
.kolaj__muhur{ position:absolute; left:44%; top:52%; width:34%;
  transform:translate(-50%,-50%); z-index:4; display:grid; place-items:center; }
.kolaj__muhur .muhur{ width:100%; }
.kolaj__muhur .ugultu i{ animation-duration:8.5s; border-color:rgba(217,174,82,.34); }

/* --- sayı sütunu --- */
.zahriye__sayilar{ display:flex; flex-direction:column; gap:1px;
  background:rgba(217,174,82,.22); border:1px solid rgba(217,174,82,.22); }
.zahriye__sayilar a{ background:var(--gece); text-decoration:none;
  padding:16px 18px; transition:.32s; }
.zahriye__sayilar a:hover{ background:rgba(161,115,26,.16); }
.zahriye__sayilar b{ display:block; font-family:var(--serif-baslik); font-weight:600;
  font-size:clamp(1.6rem,2.6vw,2.15rem); color:var(--bal-acik); line-height:1; }
.zahriye__sayilar span{ display:block; margin-top:6px; font-family:var(--serif-baslik);
  font-size:9.5px; letter-spacing:.2em; text-transform:uppercase;
  color:rgba(239,230,211,.5); }
.zahriye__tarih{ text-align:center; font-family:var(--serif-baslik);
  font-size:10.5px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--gece) !important; background:var(--bal) !important; padding:14px 10px !important; }
.zahriye__tarih:hover{ background:var(--bal-acik) !important; }

/* --- İrfan Yolculuğu şeridi --- */
.irfan-yolu{ background:var(--kagit-acik); border-bottom:1px solid rgba(23,21,15,.14);
  padding:clamp(24px,3vw,34px) 0; }
.irfan-yolu strong{ display:block; font-family:var(--serif-baslik); font-weight:400;
  font-size:1.06rem; font-style:italic; color:var(--murekkep-2); margin-bottom:18px; }
.irfan-yolu ol{ list-style:none; margin:0; padding:0 0 6px; display:flex; gap:0;
  overflow-x:auto; scrollbar-width:thin; }
.irfan-yolu li{ flex:1 0 auto; min-width:104px; position:relative; }
.irfan-yolu li::after{ content:""; position:absolute; left:calc(50% + 9px); right:calc(-50% + 9px);
  top:calc(100% - 9px); height:1px; background:rgba(161,115,26,.4); }
.irfan-yolu li:last-child::after{ display:none; }
.irfan-yolu a{ display:flex; flex-direction:column; align-items:center; gap:9px;
  text-decoration:none; padding:0 8px; }
.irfan-yolu i{ font-family:var(--serif-baslik); font-style:normal; font-size:9.5px;
  letter-spacing:.2em; color:var(--bal); }
.irfan-yolu span{ font-family:var(--serif-baslik); font-size:.92rem;
  color:var(--murekkep-2); text-align:center; }
.irfan-yolu a::after{ content:""; width:11px; height:11px; border-radius:50%;
  border:1.5px solid var(--bal); background:var(--kagit-acik); transition:.3s; }
.irfan-yolu a:hover span{ color:var(--gul); }
.irfan-yolu a:hover::after{ background:var(--gul); border-color:var(--gul); transform:scale(1.25); }

@media (max-width:1100px){
  .zahriye__izgara{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .zahriye__sayilar{ grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; }
  .zahriye__sayilar a{ flex:1 1 130px; }
}
@media (max-width:900px){
  .zahriye__izgara{ grid-template-columns:1fr; }
  .kolaj{ order:2; aspect-ratio:1/.8; margin-top:14px; }
  .kolaj__muhur{ width:30%; }
  .zahriye__zemin{ font-size:70vw; right:-14vw; opacity:.6; }
  .irfan-yolu li{ min-width:92px; }
}

/* --- tercüme-i hâl varakası --- */
.varaka{ list-style:none; margin:0; padding:0; counter-reset:v; max-width:78ch; }
.varaka-madde{ counter-increment:v; position:relative;
  padding:clamp(26px,3.4vw,40px) 0 clamp(26px,3.4vw,40px) clamp(52px,6vw,86px);
  border-top:1px solid rgba(23,21,15,.14); }
.varaka-madde:last-child{ border-bottom:1px solid rgba(23,21,15,.14); }
.varaka-madde::before{ content:"Suâl " counter(v); position:absolute; left:0; top:clamp(30px,3.6vw,44px);
  font-family:var(--serif-baslik); font-size:9.5px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--bal); writing-mode:vertical-rl; }
.varaka-madde h2{ font-size:clamp(1.2rem,2.1vw,1.6rem); font-weight:400; font-style:italic;
  color:var(--murekkep-2); margin-bottom:1em; max-width:52ch; }
.varaka-cevap p{ margin:0 0 1em; }
.varaka-cevap p:last-child{ margin-bottom:0; }
.varaka-cevap p:first-child{ font-size:1.05rem; }
.varaka-imza{ margin-top:clamp(28px,3.4vw,44px); padding-top:20px;
  border-top:2px solid var(--bal); font-family:var(--serif-baslik); font-style:italic;
  font-size:1.02rem; color:var(--murekkep-2); max-width:60ch; }

/* ==========================================================================
   AÇIK ZAHRİYE — body.zahriye-acik  (koyuya dönmek için icerik.py'de
   SITE["zahriye"] = "koyu" yeter)
   ========================================================================== */
.zahriye-acik .zahriye{
  background:linear-gradient(168deg,var(--kagit-acik) 0%,var(--kagit) 62%,var(--kagit-koyu) 100%);
  color:var(--murekkep);
}
.zahriye-acik .zahriye::before{
  background:radial-gradient(110% 90% at 76% 38%, rgba(161,115,26,.12), transparent 60%),
             radial-gradient(70% 60% at 6% 100%, rgba(125,43,38,.08), transparent 62%);
}
.zahriye-acik .zahriye__zemin{ color:rgba(161,115,26,.07); }
.zahriye-acik .zahriye h1{ color:var(--murekkep); }
.zahriye-acik .zahriye__ust{ color:var(--gul); }
.zahriye-acik .zahriye__soz{ color:var(--gul); }
.zahriye-acik .zahriye__giris{ color:var(--murekkep-2); }
.zahriye-acik .zahriye__cizgi{ background:linear-gradient(90deg,var(--gul),rgba(125,43,38,0)); }
.zahriye-acik .zahriye__dugme{ background:var(--gul); color:var(--kagit-acik); }
.zahriye-acik .zahriye__dugme:hover{ background:var(--murekkep); }

/* üst çubuk koyu zemin ister; açık zahriyede kâğıda oturur */
.zahriye-acik .ust .marka__ad{ color:var(--murekkep); }
.zahriye-acik .ust .marka__ad small{ color:var(--gul); }
.zahriye-acik .ust .gezinme a{ color:var(--murekkep-2); }
.zahriye-acik .ust .gezinme a:hover,
.zahriye-acik .ust .gezinme a.etkin{ color:var(--gul); border-bottom-color:var(--gul); }
.zahriye-acik .ust .ara-dugme{ color:var(--gul); border-color:rgba(125,43,38,.4); }
.zahriye-acik .ust .ara-dugme:hover{ background:rgba(125,43,38,.1); border-color:var(--gul); }
.zahriye-acik .ust .marka__muhur circle{ stroke:var(--gul); }
.zahriye-acik .ust .marka__muhur text{ fill:var(--gul); }
.zahriye-acik .menu-dugme span{ background:var(--murekkep); }

/* kolaj: açık zeminde daha yumuşak gölge, ince çerçeve */
.zahriye-acik .kolaj figure{ box-shadow:0 16px 40px rgba(23,21,15,.20);
  border:1px solid rgba(23,21,15,.09); }
.zahriye-acik .kolaj__bant{
  background:linear-gradient(180deg,rgba(217,174,82,.55),rgba(161,115,26,.4));
  box-shadow:0 2px 6px rgba(23,21,15,.2); }

/* sayı sütunu kâğıt kartlara döner */
.zahriye-acik .zahriye__sayilar{ background:rgba(23,21,15,.14);
  border-color:rgba(23,21,15,.14); }
.zahriye-acik .zahriye__sayilar a{ background:var(--kagit-acik); }
.zahriye-acik .zahriye__sayilar a:hover{ background:var(--kagit-koyu); }
.zahriye-acik .zahriye__sayilar b{ color:var(--gul); }
.zahriye-acik .zahriye__sayilar span{ color:var(--murekkep-3); }
.zahriye-acik .zahriye__tarih{ background:var(--gul) !important;
  color:var(--kagit-acik) !important; }
.zahriye-acik .zahriye__tarih:hover{ background:var(--murekkep) !important; }

/* mühür açık zeminde mum mührü gibi kalır; halkalar koyulaşır */
.zahriye-acik .ugultu i{ border-color:rgba(125,43,38,.28); }
.zahriye-acik .kaydir{ color:rgba(23,21,15,.4); }
.zahriye-acik .kaydir::after{ background:linear-gradient(180deg,var(--gul),transparent); }

/* İrfan Yolculuğu açık zahriyeden sonra koyu şeritle ayrılsın */
.zahriye-acik .irfan-yolu{ background:var(--kagit-koyu); }

/* --- divan --- */
.divan{ max-width:none; }
.siir{ padding:clamp(26px,3.2vw,40px) 0; border-top:1px solid rgba(23,21,15,.14); }
.siir:first-of-type{ border-top:0; padding-top:0; }
.siir header{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 16px;
  margin-bottom:1.3em; }
.siir__no{ font-family:var(--serif-baslik); font-size:10px; letter-spacing:.2em;
  color:var(--bal); font-weight:600; }
.siir h3{ font-family:var(--serif-baslik); font-size:1.16rem; font-weight:400;
  font-style:italic; margin:0; color:var(--murekkep-2); }
.siir__vezin,.siir__tarih{ font-family:var(--serif-baslik); font-size:9.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--murekkep-3);
  border:1px solid rgba(23,21,15,.18); padding:3px 9px; }
.siir__tarih{ color:var(--gul); border-color:rgba(125,43,38,.4); }
.siir__metin{ font-family:var(--serif-baslik); font-style:italic; white-space:pre-wrap;
  font-size:clamp(1rem,1.5vw,1.18rem); line-height:1.95; color:var(--murekkep);
  margin:0; border-left:2px solid rgba(161,115,26,.45); padding-left:clamp(16px,2.2vw,30px); }
.siir__olcu{ margin:1.1em 0 0; font-family:var(--serif-baslik); font-size:9.5px;
  letter-spacing:.2em; text-transform:uppercase; color:var(--murekkep-3); }
.fihrist ol li a{ font-size:.85rem; }

/* --- inâbe kâğıdı --- */
.belge-kare{ aspect-ratio:auto; }
.belge-kare img{ aspect-ratio:auto; height:auto; object-fit:contain;
  background:var(--kagit-acik); }
.ahd{ border-left:2px solid var(--gul); padding:4px 0 4px 18px; margin-bottom:26px; }
.ahd p{ margin:0; font-family:var(--serif-baslik); font-style:italic;
  font-size:1.06rem; line-height:1.7; }
.vird ul{ list-style:none; margin:0; padding:0; }
.vird li{ display:flex; justify-content:space-between; align-items:baseline; gap:16px;
  padding:9px 0; border-bottom:1px dotted rgba(23,21,15,.22); }
.vird li span{ font-family:var(--serif-baslik); font-size:1.02rem; }
.vird li b{ font-family:var(--serif-baslik); font-weight:600; color:var(--gul); }
.varaka-imza em{ display:block; margin-top:8px; font-style:normal; font-size:.82rem;
  letter-spacing:.02em; color:var(--murekkep-3); }
.etvar{ margin-top:clamp(24px,3vw,36px); }
.etvar ol{ list-style:none; margin:14px 0 0; padding:0; }
.etvar li{ display:flex; align-items:center; gap:14px; padding:8px 0;
  border-bottom:1px solid rgba(23,21,15,.1); }
.etvar i{ font-family:var(--serif-baslik); font-style:normal; font-size:10px;
  letter-spacing:.16em; color:var(--bal); width:18px; flex:none; }
.etvar span{ font-family:var(--serif-baslik); font-size:1.04rem; }
.etvar__merkez span{ font-weight:700; color:var(--gul); }
.etvar__merkez i{ color:var(--gul); }

.risale-metin{ max-width:68ch; }
.risale-metin p{ margin:0 0 1.35em; text-align:justify; hyphens:auto; }
.risale-metin > p:first-child::first-letter{
  float:left; font-family:var(--serif-baslik); font-weight:700;
  font-size:3.9em; line-height:.82; padding:.06em .11em 0 0; color:var(--gul); }

/* ==========================================================================
   AÇIK KONSEPT — iç sayfalar da kâğıt zemine geçer
   ========================================================================== */
.ic-sayfa .ust--kati{ background:var(--kagit-acik);
  border-bottom:1px solid rgba(23,21,15,.12); }
.ic-sayfa .ust .marka__ad{ color:var(--murekkep); }
.ic-sayfa .ust .marka__ad small{ color:var(--gul); }
.ic-sayfa .ust .marka__muhur circle{ stroke:var(--gul); }
.ic-sayfa .ust .marka__muhur text{ fill:var(--gul); }
.ic-sayfa .ust .gezinme a{ color:var(--murekkep-2); }
.ic-sayfa .ust .gezinme a:hover,
.ic-sayfa .ust .gezinme a.etkin{ color:var(--gul); border-bottom-color:var(--gul); }
.ic-sayfa .ust .ara-dugme{ color:var(--gul); border-color:rgba(125,43,38,.4); }
.ic-sayfa .ust .ara-dugme:hover{ background:rgba(125,43,38,.1); border-color:var(--gul); }
.ic-sayfa .menu-dugme span{ background:var(--murekkep); }

.ic-sayfa .sayfa-ust{
  background:linear-gradient(170deg,var(--kagit-acik) 0%,var(--kagit) 70%,var(--kagit-koyu) 100%);
  color:var(--murekkep);
  border-bottom:1px solid rgba(161,115,26,.28);
}
.ic-sayfa .sayfa-ust::before{
  background:radial-gradient(85% 120% at 88% 16%, rgba(161,115,26,.13), transparent 62%);
}
.ic-sayfa .sayfa-ust__ust{ color:var(--gul); }
.ic-sayfa .sayfa-ust h1{ color:var(--murekkep); }
.ic-sayfa .sayfa-ust__satir{ color:var(--murekkep-3); }

/* sayfa başlığında büyük صادق filigranı — anasayfadaki dille aynı */
.sayfa-ust__zemin{
  position:absolute; right:-3vw; top:50%; transform:translateY(-50%);
  font-family:var(--arap); font-size:min(26vw,300px); line-height:1;
  color:rgba(161,115,26,.045); pointer-events:none; user-select:none; z-index:1;
}

/* sayfa künyesi: anasayfadaki sayı bloğunun küçük hâli */
.sayfa-ust__sayilar{
  display:flex; flex-wrap:wrap; gap:1px; margin-top:clamp(24px,3vw,34px);
  background:rgba(161,115,26,.3); border:1px solid rgba(161,115,26,.3);
  width:fit-content; max-width:100%;
}
.sayfa-ust__sayilar div{ background:var(--kagit-acik); padding:13px 22px; }
.sayfa-ust__sayilar b{ display:block; font-family:var(--serif-baslik); font-weight:600;
  font-size:1.5rem; color:var(--gul); line-height:1; }
.sayfa-ust__sayilar span{ display:block; margin-top:5px; font-family:var(--serif-baslik);
  font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:var(--murekkep-3); }

/* ==========================================================================
   v2 KOMPOZİSYONU — ferah hero, raysız, kutusuz sayılar
   ========================================================================== */
:root{ --ray:0px; }
body{ padding-left:0; }
.ray{ display:none; }

.alaca--tepe{ position:relative; z-index:90; height:6px; }

/* hero yeniden nefes alsın */
.zahriye{ min-height:min(88vh,860px); padding:clamp(58px,7vh,86px) 0 clamp(30px,4vh,48px); }

.zahriye__izgara{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.24fr) minmax(0,.34fr);
  gap:clamp(30px,4.2vw,74px);
}
.zahriye h1{ font-size:clamp(2.8rem,6.4vw,5.6rem); line-height:.95; letter-spacing:-.03em; }
.zahriye__soz{ font-size:clamp(1.15rem,2.05vw,1.72rem); margin-top:.7em; }
.zahriye__giris{ font-size:1.02rem; max-width:34ch; }
.zahriye__dugme{ padding:19px 30px; font-size:12px; }

/* kolaj büyüsün, ataş gelsin */
.kolaj{ aspect-ratio:1/.86; }
.kolaj__belge{ width:66%; top:0; transform:rotate(-1.6deg); }
.kolaj__foto{ width:62%; bottom:4%; right:-2%; transform:rotate(1.4deg); }
.kolaj:hover .kolaj__belge{ transform:rotate(-3deg) translateY(-6px); }
.kolaj:hover .kolaj__foto{ transform:rotate(2.6deg) translateY(-6px); }
.kolaj__bant{ left:34%; width:104px; }
.kolaj__atas{
  position:absolute; right:16%; top:-3%; width:22px; height:64px; z-index:5;
  border:2.5px solid var(--bal); border-radius:12px 12px 4px 4px;
  border-bottom-color:transparent; transform:rotate(6deg);
  box-shadow:0 2px 5px rgba(23,21,15,.28);
}
.kolaj__atas::after{
  content:""; position:absolute; left:5px; right:5px; top:9px; bottom:12px;
  border:2px solid rgba(161,115,26,.65); border-radius:8px 8px 3px 3px;
  border-bottom-color:transparent;
}

/* sayılar: kutu yok, ince ayraç çizgileri ve solda dikey kural */
.zahriye__sayilar{
  background:none; border:0; border-left:1px solid rgba(23,21,15,.16);
  padding-left:clamp(20px,2.4vw,38px); gap:0;
}
.zahriye__sayilar a{ background:none !important; padding:clamp(14px,1.8vh,22px) 0;
  border-bottom:1px solid rgba(23,21,15,.14); }
.zahriye__sayilar a:last-of-type{ border-bottom:0; }
.zahriye__sayilar a:hover b{ color:var(--murekkep); }
.zahriye__sayilar b{ font-size:clamp(2.1rem,3.4vw,3.1rem); font-weight:500; }
.zahriye__sayilar span{ font-size:9.5px; letter-spacing:.18em; }
.zahriye__tarih{ margin-top:14px; padding:17px 14px !important; font-size:11px !important; }

/* İrfan Yolculuğu ferahlasın */
.irfan-yolu{ padding:clamp(30px,3.6vw,46px) 0 clamp(26px,3vw,38px); }
.irfan-yolu .kap{ display:flex; align-items:flex-start; gap:clamp(24px,4vw,60px); }
.irfan-yolu strong{ margin:0; padding-top:20px; flex:none;
  border-bottom:2px solid var(--gul); padding-bottom:10px; font-size:1.14rem; }
.irfan-yolu ol{ flex:1; }
.irfan-yolu li{ min-width:96px; }
.irfan-yolu a{ gap:12px; }
.irfan-yolu i{ font-size:10px; }

@media (max-width:1100px){
  .zahriye__izgara{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .zahriye__sayilar{ grid-column:1 / -1; flex-direction:row; border-left:0;
    border-top:1px solid rgba(23,21,15,.16); padding-left:0; padding-top:12px; }
  .zahriye__sayilar a{ flex:1 1 120px; border-bottom:0; }
  .irfan-yolu .kap{ flex-direction:column; gap:16px; }
  .irfan-yolu strong{ padding-top:0; }
}

/* açık tema kuralları daha spesifikti; kutuyu kesin kaldır */
.zahriye-acik .zahriye__sayilar{ background:none; border:0;
  border-left:1px solid rgba(23,21,15,.16); }
.zahriye-acik .zahriye__sayilar a{ background:none;
  border-bottom:1px solid rgba(23,21,15,.14); }
.zahriye-acik .zahriye__sayilar a:last-of-type{ border-bottom:0; }
.zahriye-acik .zahriye__sayilar a:hover{ background:none; }
.zahriye-acik .zahriye__sayilar a:hover b{ color:var(--murekkep); }
@media (max-width:1100px){
  .zahriye-acik .zahriye__sayilar{ border-left:0;
    border-top:1px solid rgba(23,21,15,.16); }
  .zahriye-acik .zahriye__sayilar a{ border-bottom:0; }
}

/* --- geniş kabukta okuma sütunlarını dizginle --- */
.uzun{ max-width:64ch; }
.girizgah .uzun{ max-width:66ch; }
.not{ max-width:46ch; }
.dizin{ max-width:1120px; }
.postnisinler{ max-width:1120px; }
.hazire{ max-width:none; }
.varaka{ max-width:74ch; }
.divan .siir{ max-width:82ch; }

/* bölüm üstü nefesi biraz kıs; alaca şeridinden hemen sonra boşluk azalsın */
.alaca + .bolum{ padding-top:clamp(46px,5.4vw,78px); }
.sayfa-ust + .alaca + .bolum--sik{ padding-top:clamp(34px,4vw,54px); }

/* bölüm başlığı: etiket + h2 çifti için ortak blok */
.bolum-bas{ margin-bottom:clamp(26px,3.2vw,44px); }
.bolum-bas .baslik{ font-size:clamp(1.6rem,2.9vw,2.4rem); }
.gorunmez{ position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }

/* --- uzun metinlerde sağ boşluğu kenar notlarıyla değerlendir ---
   Sarkan dipnot tekniği: kutu sağa float edilir, negatif sağ kenar boşluğu
   onu metin sütununun tamamen dışına taşır; böylece satırları daraltmaz.
   clear:right art arda gelen notların üst üste binmesini engeller. */
@media (min-width:1300px){
  .makale{ position:relative; }
  .makale .kenar{
    float:right; clear:right;
    width:clamp(270px,22vw,340px);
    margin:.35em calc(-1 * (clamp(270px,22vw,340px) + 34px)) 1.7em 34px;
    padding:18px 20px; background:rgba(161,115,26,.06);
    border-top:1px solid var(--bal); border-bottom:1px solid rgba(161,115,26,.35);
  }
  .makale .kenar p{ font-size:.88rem; }
  .makale .kenar p + p{ margin-top:.75em; }
  /* başlıklar float'ın altına kaymasın diye kendi satırlarını korurlar */
  .makale h2{ clear:none; }
  /* sondaki float kutuları makalenin dışına taşmasın */
  .makale::after{ content:""; display:block; clear:both; }
}

/* --- ataş: fotoğrafı alttaki belgeye tutturur; kenarı kavrar --- */
.kolaj__foto{ position:absolute; }              /* konum zaten mutlak, teyit */
.kolaj__atas{
  position:absolute; z-index:6;
  top:-34px; right:11%;                          /* üst kenarı at binmiş gibi kavrar */
  left:auto;
  width:19px; height:62px;
  border:2px solid var(--bal); border-radius:10px 10px 3px 3px;
  border-bottom-color:transparent;
  transform:rotate(3deg);
  filter:drop-shadow(0 2px 3px rgba(23,21,15,.4));
}
.kolaj__atas::after{
  content:""; position:absolute; left:4px; right:4px; top:8px; bottom:14px;
  border:1.6px solid var(--bal-acik); border-radius:7px 7px 2px 2px;
  border-bottom-color:transparent;
}
/* ataşın fotoğrafın önüne geçen alt ucu: kâğıdın üstünde görünsün */
.kolaj__atas::before{
  content:""; position:absolute; left:-1px; right:-1px; top:26px; height:36px;
  border-left:2px solid var(--bal); border-right:2px solid var(--bal);
  opacity:.92;
}

/* --- arşiv: yükleme iskeleti ve sayfalama --- */
.arsiv-kart{ position:relative; }
/* iskelet, görselin kendi arka planı: resim gelince üstüne basar.
   Hiçbir sınıfa bağlı değil — JS çalışmasa da doğru görünür. */
.arsiv-kart img{
  background:
    repeating-linear-gradient(-45deg, transparent 0 8px, rgba(23,21,15,.05) 8px 9px),
    var(--kagit-koyu);
}
.arsiv-kart.hatali::after{
  content:"yüklenemedi"; position:absolute; top:44%; left:0; right:0;
  text-align:center; font-family:var(--serif-baslik); font-size:10px;
  letter-spacing:.2em; text-transform:uppercase; color:var(--gul);
}
.arsiv-kart__bilgi{ position:relative; }
.arsiv-daha{ margin-top:clamp(26px,3vw,40px); text-align:center; }
.arsiv-daha .dugme{ border:1px solid var(--bal); padding:14px 26px;
  background:var(--kagit-acik); cursor:pointer; font:inherit;
  font-family:var(--serif-baslik); font-size:11px; letter-spacing:.24em;
  text-transform:uppercase; color:var(--murekkep); }
.arsiv-daha .dugme:hover{ background:var(--gece); color:var(--kagit-acik);
  border-color:var(--gece); }
.arsiv-daha .dugme::after{ content:""; }

/* --- arşiv giriş görünümü: önce koleksiyonlar --- */
.arsiv-koleksiyonlar{ grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important; }
.koleksiyon-kart{
  display:grid; grid-template-columns:96px 1fr; gap:16px; align-items:stretch;
  background:var(--kagit-acik); border:1px solid rgba(23,21,15,.18);
  padding:0; text-align:left; cursor:pointer; font:inherit; transition:.3s;
}
.koleksiyon-kart:hover{ border-color:var(--bal); transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(23,21,15,.14); }
.koleksiyon-kart img{ width:96px; height:100%; object-fit:cover; object-position:top;
  background:var(--kagit-koyu); }
.koleksiyon-kart__bilgi{ padding:16px 16px 16px 0; display:flex;
  flex-direction:column; justify-content:center; gap:6px; }
.koleksiyon-kart__bilgi b{ font-family:var(--serif-baslik); font-size:1.06rem;
  font-weight:500; line-height:1.25; }
.koleksiyon-kart__bilgi em{ font-style:normal; font-size:.8rem; color:var(--murekkep-3); }
.koleksiyon-kart__ac{ font-style:normal; font-family:var(--serif-baslik);
  font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--bal);
  margin-top:4px; }

/* --- Alaca Minare bandı: sayfanın en görünür yeri --- */
.minare{ margin:0; display:grid; align-items:center;
  grid-template-columns:minmax(0,.95fr) minmax(0,1fr);
  gap:clamp(24px,3.4vw,56px);
  background:var(--gece); color:var(--kagit);
  padding:clamp(28px,3.6vw,54px) clamp(24px,4.4vw,72px); }
.minare a{ display:block; overflow:hidden; border:1px solid rgba(217,174,82,.3); }
.minare img{ width:100%; height:auto; max-height:min(74vh,720px);
  object-fit:cover; object-position:top; display:block;
  transition:transform .8s cubic-bezier(.2,.7,.3,1); }
.minare a:hover img{ transform:scale(1.03); }
.minare figcaption .etiket{ color:var(--bal-acik); }
.minare figcaption p{ margin:0 0 1.1em; color:rgba(239,230,211,.82);
  font-size:1.04rem; line-height:1.72; max-width:44ch; }
.minare figcaption b{ color:var(--kagit-acik); }
.minare__kunye{ font-size:.86rem !important; font-style:italic;
  color:rgba(239,230,211,.5) !important; border-left:2px solid var(--gul);
  padding-left:14px; }
@media (max-width:900px){
  .minare{ grid-template-columns:1fr; padding:24px 20px 30px; }
}
.minare__ikili{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(10px,1.4vw,18px); }
.minare__ikili a{ position:relative; }
.minare__etiket{ position:absolute; left:0; bottom:0; z-index:2;
  background:var(--gece); color:var(--bal-acik); font-family:var(--serif-baslik);
  font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; padding:6px 12px;
  border-top:1px solid rgba(217,174,82,.4); border-right:1px solid rgba(217,174,82,.4); }
.minare__etiket--ikinci{ color:var(--parsomen-2,#bdb3a1); }

/* ==========================================================================
   MOBİL — TOPARLAMA
   Stil dosyası eklenerek büyüdüğü için bazı medya sorguları çakışıyordu
   (1100px kuralı 900px'ten sonra gelince mobilde iki sütun kazanıyordu).
   Bu bölüm en sonda durur ve dar ekranda son sözü söyler.
   ========================================================================== */
@media (max-width:900px){
  /* --- ızgaralar tek sütuna iner --- */
  .zahriye__izgara,
  .izgara,
  .makale-izgara,
  .alt__izgara{ grid-template-columns:1fr !important; gap:clamp(20px,5vw,32px) !important; }

  /* --- zahriye --- */
  .zahriye{ min-height:auto; padding:clamp(26px,5vw,40px) 0 clamp(24px,5vw,36px); }
  .zahriye h1{ font-size:clamp(2.3rem,11vw,3.2rem); line-height:1; }
  .zahriye__soz{ font-size:clamp(1.05rem,4.6vw,1.3rem); }
  .zahriye__giris{ max-width:none; font-size:1rem; }
  .zahriye__zemin{ font-size:64vw; right:-18vw; opacity:.5; }
  .zahriye__dugme{ width:100%; justify-content:center; padding:17px 22px; }
  .kolaj{ order:2; aspect-ratio:1/.72; margin-top:6px; }
  .kolaj__belge{ width:70%; }
  .kolaj__foto{ width:62%; right:0; }
  .kolaj__atas{ top:-24px; width:15px; height:46px; }
  .kolaj__bant{ width:74px; height:20px; top:-10px; }
  .zahriye__sayilar{ flex-direction:row !important; flex-wrap:wrap;
    border-left:0 !important; border-top:1px solid rgba(23,21,15,.16) !important;
    padding-left:0 !important; padding-top:6px; }
  .zahriye__sayilar a{ flex:1 1 44%; border-bottom:0 !important; padding:12px 0 !important; }
  .zahriye__sayilar b{ font-size:1.9rem; }
  .zahriye__tarih{ flex-basis:100%; margin-top:8px; }

  /* --- sayfa başlıkları --- */
  .sayfa-ust{ padding:clamp(26px,6vw,40px) 0 clamp(22px,5vw,34px); }
  .sayfa-ust h1{ font-size:clamp(2rem,10vw,2.9rem); max-width:none; }
  .sayfa-ust__zemin{ font-size:52vw; right:-14vw; opacity:.5; }
  .sayfa-ust__satir{ gap:6px 18px; margin-top:18px; }
  .sayfa-ust__sayilar{ width:100%; }
  .sayfa-ust__sayilar div{ flex:1 1 40%; padding:11px 14px; }
  .sayfa-ust__sayilar b{ font-size:1.25rem; }

  /* --- bölüm nefesi: masaüstü ölçüsü mobilde çok büyük --- */
  .bolum{ padding:clamp(32px,8vw,52px) 0; }
  .bolum--sik{ padding-top:clamp(26px,6vw,38px); }
  .alaca + .bolum{ padding-top:clamp(28px,7vw,44px); }
  .baslik{ font-size:clamp(1.7rem,8vw,2.3rem); }
  .not{ max-width:none; }
  .uzun,.girizgah .uzun{ max-width:none; }

  /* --- boşluk yaratan sabit yükseklikler --- */
  .bolum div[style*="height:"]{ height:20px !important; }

  /* --- İrfan Yolculuğu --- */
  .irfan-yolu .kap{ flex-direction:column; gap:14px; }
  .irfan-yolu strong{ padding-top:0; font-size:1rem; }
  .irfan-yolu li{ min-width:84px; }
  .irfan-yolu span{ font-size:.82rem; }

  /* --- listeler ve kartlar --- */
  .dizin li{ grid-template-columns:64px 1fr; gap:16px; padding:18px 0; }
  .dizin h3{ font-size:1.08rem; }
  .postnisin{ grid-template-columns:34px 1fr; gap:12px; }
  .postnisin__tarih{ grid-column:2; margin-top:6px; }
  .eserler{ grid-template-columns:1fr; }
  .galeri{ grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
  .arsiv-izgara{ grid-template-columns:repeat(auto-fill,minmax(128px,1fr)); }
  .arsiv-koleksiyonlar{ grid-template-columns:1fr !important; }
  .sayilar{ grid-template-columns:1fr 1fr; }
  .kitabe{ padding:22px 18px; }
  .kitabe__beyit{ font-size:.98rem; line-height:1.8; }
  .siir__metin{ font-size:1rem; padding-left:14px; }
  .varaka-madde{ padding-left:0; padding-top:22px; }
  .varaka-madde::before{ position:static; writing-mode:horizontal-tb; display:block;
    margin-bottom:8px; }
  .minare__ikili{ grid-template-columns:1fr; }
  .minare img{ max-height:60vh; }

  /* --- makale kenar notları akışa döner --- */
  .makale{ max-width:none; }
  .makale .kenar{ position:static; width:auto; margin:1.8em 0; }
  .fihrist ol{ columns:2; column-gap:20px; }
}

@media (max-width:480px){
  .kap{ padding-inline:18px; }
  .galeri{ grid-template-columns:1fr 1fr; }
  .arsiv-izgara{ grid-template-columns:1fr 1fr; }
  .fihrist ol{ columns:1; }
}

/* --- yatay taşma kapatma ---
   Esnek/ızgara çocuklarının varsayılan min-width:auto değeri, içerik geniş
   olduğunda kutuyu daraltmaz ve sayfayı yana kaydırır. */
.irfan-yolu ol{ min-width:0; max-width:100%; }
.irfan-yolu .kap{ min-width:0; overflow:hidden; }
.izgara > *, .makale-izgara > *, .zahriye__izgara > *{ min-width:0; }
/* ekran okuyucu atlama bağlantısı sayfayı genişletmesin */
.atla{ left:auto; right:100%; }
.atla:focus{ left:12px; right:auto; }
html, body{ overflow-x:clip; }
.arsiv-rozet--dz{ color:var(--gul); border-color:rgba(125,43,38,.5); }
.belge-uyari--duzeltildi{ color:rgba(217,174,82,.75) !important;
  border-top-color:rgba(217,174,82,.35) !important; font-style:normal; }

/* ==========================================================================
   RİSÂLE — uzun metin okuma sayfası
   ========================================================================== */
.risale-ust{ position:relative; background:var(--gece); }
.risale-ust img{ width:100%; height:clamp(240px,44vh,460px); object-fit:cover;
  object-position:center 38%; display:block; }
.risale-ust__yazi{ position:absolute; inset:auto 0 0 0; padding:clamp(20px,4vw,44px) 0;
  background:linear-gradient(180deg,rgba(20,18,12,0) 0%,rgba(20,18,12,.86) 62%); }
.risale-ust__yazi .etiket{ color:var(--bal-acik); }
.risale-ust h1{ font-family:var(--serif-baslik); font-weight:400; margin:0;
  font-size:clamp(2.1rem,5.4vw,4.4rem); line-height:1; letter-spacing:-.028em;
  color:var(--kagit-acik); }
.risale-ust h1 em{ font-style:italic; color:var(--bal-acik); }
.risale-ust__satir{ margin:14px 0 0; font-family:var(--serif-baslik); font-size:11px;
  letter-spacing:.24em; text-transform:uppercase; color:rgba(239,230,211,.6); }

.risale-not p{ font-size:1rem; color:var(--murekkep-2); }

.risale-fihrist ol{ counter-reset:none; }
.risale-fihrist a{ display:flex; gap:11px; align-items:baseline; }
.risale-fihrist a::before{ content:none; }
.risale-fihrist i{ font-family:var(--serif-baslik); font-style:normal; font-size:9.5px;
  letter-spacing:.14em; color:var(--bal); flex:none; }
.risale-olcu{ margin-top:18px; padding-top:14px; border-top:1px solid rgba(23,21,15,.14);
  font-family:var(--serif-baslik); font-size:10px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--murekkep-3); }

.risale{ max-width:62ch; font-size:1.09rem; line-height:1.78; }
.risale-bolum{ scroll-margin-top:24px; }
.risale-bolum__bas{ display:flex; align-items:baseline; gap:14px;
  margin:clamp(44px,5vw,72px) 0 clamp(18px,2vw,28px);
  padding-bottom:12px; border-bottom:1px solid rgba(161,115,26,.4); }
.risale-bolum:first-child .risale-bolum__bas{ margin-top:0; }
.risale-bolum__no{ font-family:var(--serif-baslik); font-size:10px; letter-spacing:.2em;
  color:var(--bal); font-weight:600; }
.risale-bolum__bas h2{ font-family:var(--serif-baslik); font-weight:400; font-style:italic;
  font-size:clamp(1.4rem,2.5vw,1.95rem); margin:0; letter-spacing:-.01em; }
.risale p{ margin:0 0 1.3em; text-align:justify; hyphens:auto; }
.risale p.ilk::first-letter{
  float:left; font-family:var(--serif-baslik); font-weight:700; font-size:3.8em;
  line-height:.82; padding:.06em .11em 0 0; color:var(--gul); }
.risale-alinti{ margin:1.6em 0; padding:2px 0 2px 20px;
  border-left:2px solid var(--bal);
  font-family:var(--serif-baslik); font-style:italic; font-size:1.06rem;
  line-height:1.7; color:var(--murekkep-2); }
.risale-bolum--kapanis{ margin-top:clamp(48px,6vw,80px);
  background:var(--kagit-acik); border:1px solid rgba(161,115,26,.35);
  padding:clamp(22px,3vw,34px); }
.risale-bolum--kapanis .risale-bolum__bas{ margin-top:0; }
.risale-bolum--kapanis p{ font-size:1rem; color:var(--murekkep-2); }

@media (max-width:900px){
  .risale{ max-width:none; font-size:1.05rem; }
  .risale p{ text-align:left; }
  .risale-ust img{ height:clamp(180px,32vh,260px); }
  .risale-fihrist ol{ columns:1; }
}

/* --- iki kollu silsile --- */
.silsile-kollar{ display:grid; gap:clamp(28px,4vw,56px);
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); align-items:start; }
.silsile-kol .etiket{ margin-bottom:1.4em; }
.silsile-kol .silsile-zincir{ max-width:none; }
.silsile-kol .silsile-dugum{ padding-bottom:18px; }
.silsile-kol .silsile-dugum b{ font-size:1.02rem; font-weight:400; }
.silsile-kol .silsile-dugum--pir b{ font-weight:700; }

/* --- sözlük --- */
#sozluk-ara{ width:100%; background:var(--kagit-acik); border:1px solid rgba(23,21,15,.2);
  color:var(--murekkep); font-family:var(--serif-baslik); font-size:1.06rem;
  padding:16px 20px; outline:none; margin-bottom:14px; }
#sozluk-ara:focus{ border-color:var(--bal); }
.sozluk-serit{ display:flex; flex-wrap:wrap; gap:4px; margin-bottom:18px; }
.sozluk-serit a{ font-family:var(--serif-baslik); font-size:.86rem; text-decoration:none;
  color:var(--murekkep-2); border:1px solid rgba(23,21,15,.16); padding:5px 11px;
  transition:.25s; }
.sozluk-serit a:hover{ background:var(--gece); color:var(--kagit-acik);
  border-color:var(--gece); }
.sozluk-harf{ margin-top:clamp(26px,3vw,40px); scroll-margin-top:20px; }
.sozluk-harf h2{ font-family:var(--serif-baslik); font-weight:400; font-size:1.7rem;
  color:var(--gul); margin:0 0 14px; padding-bottom:8px;
  border-bottom:1px solid rgba(161,115,26,.35); }
.sozluk-harf dl{ margin:0; display:grid; gap:1px;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  background:rgba(23,21,15,.1); border:1px solid rgba(23,21,15,.1); }
.sozluk-madde{ background:var(--kagit-acik); padding:13px 16px; }
.sozluk-madde dt{ font-family:var(--serif-baslik); font-size:1rem; font-weight:600;
  color:var(--murekkep); }
.sozluk-madde dd{ margin:4px 0 0; font-size:.92rem; color:var(--murekkep-2);
  line-height:1.55; }

/* --- yeni marka --- */
:root{ --zumrut:#2d5040; }
.marka__muhur{ width:44px; height:44px; object-fit:contain; }
.marka__ad{ font-family:var(--serif-baslik); font-size:15px; font-weight:600;
  letter-spacing:.26em; text-transform:uppercase; line-height:1.3; }
.marka__ad small{ letter-spacing:.2em; font-size:9px; font-weight:400; }
.zahriye-acik .ust .marka__ad,
.ic-sayfa .ust .marka__ad{ color:var(--zumrut); }
.zahriye-acik .ust .marka__ad small,
.ic-sayfa .ust .marka__ad small{ color:var(--bal); }
@media (max-width:900px){ .marka__muhur{ width:36px; height:36px; } }

/* --- hazire: her zâtın sandukası --- */
.hazire li{ display:grid; grid-template-columns:96px 1fr auto; gap:18px;
  align-items:center; padding:16px 0; }
.hazire__foto{ display:block; overflow:hidden; border:1px solid rgba(23,21,15,.18); }
.hazire__foto img{ width:96px; height:72px; object-fit:cover; transition:transform .5s; }
.hazire__foto:hover img{ transform:scale(1.08); }
.hazire li > span:first-of-type{ grid-column:2; }
@media (max-width:640px){
  .hazire li{ grid-template-columns:72px 1fr; }
  .hazire__foto img{ width:72px; height:56px; }
  .hazire li .tarih{ grid-column:2; }
}
.galeri-serit{ margin-bottom:clamp(24px,3vw,40px); }
.galeri-bolum{ margin-top:clamp(38px,4.6vw,68px); scroll-margin-top:20px; }
.galeri-bolum:first-of-type{ margin-top:0; }
.galeri-bolum .bolum-bas{ margin-bottom:clamp(18px,2.2vw,30px); }

/* --- Zenbûriyye başlığında arı mührü --- */
.sayfa-ust--marka .kap{ display:grid; grid-template-columns:auto 1fr;
  gap:clamp(20px,3vw,44px); align-items:center; }
.sayfa-ust__marka{ width:clamp(96px,13vw,168px); height:auto;
  filter:drop-shadow(0 6px 18px rgba(23,21,15,.14)); }
.sayfa-ust--marka h1,
.sayfa-ust--marka .sayfa-ust__ust,
.sayfa-ust--marka .sayfa-ust__satir{ grid-column:2; }
.sayfa-ust--marka .sayfa-ust__marka{ grid-row:1 / span 3; }
@media (max-width:640px){
  .sayfa-ust--marka .kap{ grid-template-columns:1fr; }
  .sayfa-ust--marka .sayfa-ust__marka{ grid-row:auto; grid-column:1;
    width:96px; margin-bottom:6px; }
  .sayfa-ust--marka h1,
  .sayfa-ust--marka .sayfa-ust__ust,
  .sayfa-ust--marka .sayfa-ust__satir{ grid-column:1; }
}
.arsiv-rozet--kp{ color:var(--murekkep-3); border-color:rgba(23,21,15,.24); }


/* Nutukların yazma nüshaları */
.nushalar{list-style:none;margin:0;padding:0;display:grid;gap:2px;
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr));
  counter-reset:nusha;background:var(--kagit-koyu);border:1px solid var(--kagit-koyu)}
.nusha{counter-increment:nusha;background:var(--kagit-acik);padding:26px 24px 24px;position:relative}
.nusha::before{content:counter(nusha,upper-roman);position:absolute;top:22px;right:22px;
  font-family:var(--serif-baslik);font-size:.95rem;color:var(--bal);letter-spacing:.04em}
.nusha b{display:block;font-family:var(--serif-metin);font-size:1.02rem;line-height:1.45;
  font-weight:600;padding-left:0;padding-right:44px}
.nusha i{display:block;font-style:italic;color:var(--bal);font-size:.9rem;margin-top:5px}
.nusha p{margin:11px 0 0;font-size:.875rem;line-height:1.65;color:var(--murekkep-3)}
@media(max-width:640px){.nusha{padding:20px 18px}}


/* Belge alıntısı */
.alinti{margin:26px 0 30px;padding:26px 30px;background:var(--kagit-acik);
  border-left:2px solid var(--bal);position:relative}
.alinti p{margin:0 0 14px;font-size:.95rem;line-height:1.82;color:var(--murekkep-2)}
.alinti p:last-child{margin-bottom:0}
.alinti__beyit{font-family:var(--serif-metin);font-size:1.06rem !important;
  line-height:2 !important;text-align:center;padding:10px 0;color:var(--murekkep)}
.alinti__beyit span{color:var(--bal);font-size:.85em}
@media(max-width:640px){.alinti{padding:20px 18px;margin-left:-4px;margin-right:-4px}}


/* Silsile halkasından tarikat.org künyesine */
.silsile-bag{color:inherit;text-decoration:none;
  background-image:linear-gradient(var(--bal),var(--bal));
  background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;
  padding-bottom:1px;transition:background-size .18s ease,color .18s ease}
.silsile-bag:hover,.silsile-bag:focus-visible{color:var(--bal);background-size:100% 2px}
.silsile-dugum--pir .silsile-bag{background-image:linear-gradient(var(--gul),var(--gul))}
.silsile-dugum--pir .silsile-bag:hover{color:var(--gul)}

.silsile-ek{font-style:normal;color:var(--bal);font-size:.72em;
  vertical-align:super;margin-left:3px;cursor:help}

/* Hazire araştırması */
.hazire-arastirma-giris{background:var(--gece);color:var(--kagit-acik);padding:clamp(92px,13vw,180px) 0 76px}
.hazire-arastirma-giris h1{font-family:var(--serif-baslik);font-weight:400;
  font-size:clamp(3rem,8vw,7.2rem);line-height:.94;max-width:980px;margin:.28em 0}
.hazire-arastirma-giris p:not(.etiket){font-size:clamp(1rem,1.7vw,1.28rem);line-height:1.65;
  max-width:670px;color:rgba(250,246,235,.78);margin-bottom:30px}
.hazire-sayilar{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(23,21,15,.18);margin-bottom:42px}
.hazire-sayilar div{padding:24px;border-right:1px solid rgba(23,21,15,.18)}
.hazire-sayilar div:last-child{border-right:0}.hazire-sayilar b{display:block;font-family:var(--serif-baslik);
  font-size:clamp(2rem,4vw,3.6rem);font-weight:400;color:var(--gul)}
.hazire-sayilar span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--murekkep-3)}
.hazire-plan{position:relative;display:grid;grid-template:54px 150px 120px 52px / 92px 1.25fr .9fr 1.1fr 116px;
  gap:2px;background:rgba(23,21,15,.13);border:1px solid rgba(23,21,15,.18);padding:2px;margin:0}
.hazire-plan__yon{position:absolute;z-index:2;top:13px;left:108px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.hazire-plan__sokak{display:flex;align-items:center;justify-content:center;background:#d8d0bc;color:var(--murekkep-3);
  font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:8px}
.hazire-plan__sokak--bati{grid-area:1/1/5/2;writing-mode:vertical-rl;transform:rotate(180deg)}
.hazire-plan__sokak--kuzey{grid-area:1/2/2/5}.hazire-plan__sokak--dogu{grid-area:1/5/5/6;writing-mode:vertical-rl}
.hazire-plan__alan{display:flex;flex-direction:column;justify-content:flex-end;padding:17px;background:var(--kagit-acik)}
.hazire-plan__alan b{font-family:var(--serif-baslik);font-size:1.12rem;font-weight:600}.hazire-plan__alan span{font-size:.73rem;color:var(--murekkep-3);margin-top:3px}
.hazire-plan__alan--ana{grid-area:2/2/3/5;background:#cbd8cb}.hazire-plan__alan--tevhid{grid-area:3/2/5/3;background:#b7c8bd}
.hazire-plan__alan--kucuk{grid-area:3/3/4/4;background:#d8decb}.hazire-plan__alan--harem{grid-area:4/3/5/5;background:#e7deca}
.hazire-plan__alan--mutfak{grid-area:3/4/4/5;background:#d1c2ad}
.hazire-plan figcaption{position:absolute;left:0;bottom:-28px;font-size:.77rem;font-style:italic;color:var(--murekkep-3)}
.hazire-plan__not{position:absolute;right:0;bottom:-32px;font-size:.7rem!important;color:var(--murekkep-3);margin:0;max-width:560px;text-align:right}
.hazire-ozet{padding-bottom:110px}.ana-hazire-arastirma__izgara{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(32px,6vw,90px);align-items:center}
.ana-hazire-arastirma .hazire-plan{grid-template:38px 90px 74px 38px / 62px 1.25fr .9fr 1.1fr 78px}
.ana-hazire-arastirma .hazire-plan__yon{left:74px;top:9px}.ana-hazire-arastirma .hazire-plan__alan{padding:10px}
.ana-hazire-arastirma .hazire-plan__alan b{font-size:.88rem}.ana-hazire-arastirma .hazire-plan__alan span{display:none}
.hazire-katalog{background:var(--kagit-koyu)}.hazire-katalog__giris{max-width:650px}
.hazire-araclar{position:sticky;top:0;z-index:4;background:var(--kagit-koyu);padding:22px 0 16px;margin:20px 0 14px;border-bottom:1px solid rgba(23,21,15,.2)}
.hazire-araclar label{display:block;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.hazire-araclar input[type=search]{width:100%;border:1px solid rgba(23,21,15,.3);background:var(--kagit-acik);padding:14px 16px;font:inherit;color:inherit}
.hazire-gruplar{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.hazire-gruplar button,.hazire-sayfa-arac button,.hazire-sayfa-dizin button{
  border:1px solid rgba(23,21,15,.28);background:transparent;color:inherit;padding:8px 12px;font:inherit;cursor:pointer}
.hazire-gruplar button.etkin,.hazire-sayfa-dizin button.etkin{background:var(--gece);color:var(--kagit-acik);border-color:var(--gece)}
.hazire-araclar>[data-hazire-durum]{font-size:.78rem;color:var(--murekkep-3);margin:11px 0 0}
.hazire-kayit{padding:clamp(26px,4vw,48px) 0;border-top:1px solid rgba(23,21,15,.2)}
.hazire-kayit:last-child{border-bottom:1px solid rgba(23,21,15,.2)}
.hazire-kayit>header{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:18px;margin-bottom:18px}
.hazire-kayit__no{font-family:var(--serif-baslik);font-size:1.7rem;color:var(--gul)}
.hazire-kayit header b,.hazire-kayit header small{display:block}.hazire-kayit header b{font-family:var(--serif-baslik);font-size:1.3rem}
.hazire-kayit header small{font-size:.78rem;color:var(--murekkep-3);margin-top:3px}
.hazire-kayit__gorseller{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:8px;align-items:stretch}
.hazire-kayit__gorseller a{display:flex;align-items:center;justify-content:center;min-height:310px;background:#fff;border:1px solid rgba(23,21,15,.16);overflow:hidden}
.hazire-kayit__gorseller img{display:block;width:100%;height:clamp(330px,48vw,610px);object-fit:contain;transition:transform .25s ease}
.hazire-kayit__gorseller a:hover img{transform:scale(1.015)}
.hazire-kayit__gorsel-yok{margin:0;padding:38px 20px;background:rgba(23,21,15,.035);color:var(--murekkep-3);font-style:italic;text-align:center}
.hazire-kayit__kitabe{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:24px 4px 20px;max-width:900px}
.hazire-kayit__kitabe h3{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gul)}
.hazire-kayit__kitabe p{margin:0;font-family:var(--serif-metin);font-size:1.06rem;line-height:1.9;white-space:pre-line;color:var(--murekkep)}
.hazire-kayit>details{margin-top:12px;background:var(--kagit-acik);border:1px solid rgba(23,21,15,.16)}
.hazire-kayit>details>summary{padding:15px 18px;cursor:pointer;list-style:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gul)}
.hazire-kayit>details>summary::-webkit-details-marker{display:none}.hazire-kayit>details>summary span:after{content:" +"}
.hazire-kayit>details[open]>summary span:after{content:" −"}
.hazire-kayit__govde{padding:8px 18px 28px}.hazire-ozellikler{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(23,21,15,.13)}
.hazire-ozellikler div{background:var(--kagit-acik);padding:14px}.hazire-ozellikler dt,.hazire-kayit__govde h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gul)}
.hazire-ozellikler dd{margin:6px 0 0;white-space:pre-line;line-height:1.55}.hazire-kayit__govde section{margin-top:24px;max-width:850px}
.hazire-kayit__govde section p{white-space:pre-line;line-height:1.8}.hazire-sayfa-arac{display:flex;align-items:center;gap:10px;margin:24px 0}
.hazire-sayfa-arac label{display:flex;align-items:center;gap:8px}.hazire-sayfa-arac input{width:74px;padding:8px;border:1px solid rgba(23,21,15,.28);background:var(--kagit-acik)}
.hazire-sayfa{margin:0 auto;background:white;border:1px solid rgba(23,21,15,.18);max-width:960px}.hazire-sayfa img{display:block;width:100%;height:auto}
.hazire-sayfa-dizin{display:flex;overflow-x:auto;gap:4px;padding:14px 0 20px}.hazire-sayfa-dizin button{min-width:42px;padding:7px}
.hazire-tam-metin{margin-top:34px;border-top:1px solid rgba(23,21,15,.2);padding-top:22px}.hazire-tam-metin summary{cursor:pointer;font-family:var(--serif-baslik);font-size:1.3rem}
.hazire-tam-metin>div{max-width:820px;margin-top:24px}.hazire-tam-metin p{line-height:1.78}
@media(max-width:760px){.hazire-sayilar{grid-template-columns:1fr}.hazire-sayilar div{border-right:0;border-bottom:1px solid rgba(23,21,15,.18)}
  .hazire-plan{grid-template:42px 110px 92px 46px / 48px 1.15fr .9fr 1fr 54px}.hazire-plan__yon{left:58px;top:9px}
  .hazire-plan__sokak{font-size:.53rem;padding:4px}.hazire-plan__alan{padding:8px}.hazire-plan__alan b{font-size:.78rem}.hazire-plan__alan span{display:none}
  .hazire-plan__not{display:none}.ana-hazire-arastirma__izgara{grid-template-columns:1fr}.ana-hazire-arastirma .hazire-plan{margin-bottom:34px}
  .hazire-kayit>header{grid-template-columns:48px 1fr}.hazire-kayit__gorseller{grid-template-columns:1fr}.hazire-kayit__gorseller img{height:auto;max-height:70vh}
  .hazire-kayit__kitabe{grid-template-columns:1fr;gap:8px;padding-top:20px}
  .hazire-kayit__govde{padding:6px 12px 22px}.hazire-ozellikler{grid-template-columns:1fr}
  .hazire-sayfa-arac{flex-wrap:wrap;justify-content:center}.hazire-arastirma-giris{padding-top:78px}}

/* Taş bazlı katalog ve kayıt sayfaları */
.hazire-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(23,21,15,.18);border:1px solid rgba(23,21,15,.18)}
.hazire-kart{background:var(--kagit-acik);min-width:0}.hazire-kart>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.hazire-kart__resim{display:flex;position:relative;height:330px;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.hazire-kart__resim img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.hazire-kart>a:hover .hazire-kart__resim img{transform:scale(1.025)}
.hazire-kart__resim i{position:absolute;right:8px;bottom:8px;padding:5px 8px;background:rgba(23,21,15,.82);color:white;font-style:normal;font-size:.68rem}
.hazire-kart__bos{font-style:italic;color:var(--murekkep-3)}.hazire-kart__bilgi{display:flex;flex-direction:column;padding:18px;flex:1}
.hazire-kart__bilgi small{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;color:var(--gul)}
.hazire-kart__bilgi b{font-family:var(--serif-baslik);font-size:1.35rem;margin:4px 0}.hazire-kart__bilgi em{font-style:normal;font-size:.78rem;color:var(--murekkep-3)}
.hazire-kart__bilgi>span{font-family:var(--serif-metin);font-size:.9rem;line-height:1.55;margin-top:13px;color:var(--murekkep-2)}
.hazire-detay-ust{padding:clamp(90px,12vw,150px) 0 54px;background:var(--gece);color:var(--kagit-acik)}
.hazire-detay-geri{display:inline-block;color:rgba(250,246,235,.75);margin-bottom:34px;text-decoration:none}.hazire-detay-ust p{margin:0;color:var(--bal);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
.hazire-detay-ust h1{font-family:var(--serif-baslik);font-size:clamp(3.2rem,8vw,6.8rem);font-weight:400;line-height:1;margin:.08em 0}.hazire-detay-ust span{color:rgba(250,246,235,.7)}
.hazire-detay__gorseller{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:8px;margin-bottom:clamp(44px,7vw,90px)}
.hazire-detay__gorseller a{display:flex;position:relative;min-height:480px;align-items:center;justify-content:center;background:white;border:1px solid rgba(23,21,15,.15);overflow:hidden}
.hazire-detay__gorseller img{display:block;width:100%;height:min(70vh,760px);object-fit:contain}.hazire-detay__gorseller a>span{position:absolute;right:10px;bottom:10px;background:rgba(23,21,15,.82);color:white;padding:6px 9px;font-size:.7rem}
.hazire-detay__icerik{max-width:920px;margin:auto}.hazire-detay__icerik>section{padding:34px 0;border-top:1px solid rgba(23,21,15,.18)}
.hazire-detay__icerik h2{font-family:var(--serif-baslik);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;margin:0 0 20px}
.hazire-detay__icerik p{white-space:pre-line;line-height:1.8}.hazire-detay__kitabe p{font-family:var(--serif-metin);font-size:clamp(1.08rem,2vw,1.3rem);line-height:2}
.hazire-detay__gecis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(23,21,15,.18);margin-top:42px}.hazire-detay__gecis>a{display:flex;flex-direction:column;padding:22px;background:var(--kagit-acik);color:inherit;text-decoration:none}
.hazire-detay__gecis>a:last-child{text-align:right}.hazire-detay__gecis small{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gul)}
.hazire-detay__gecis b{font-family:var(--serif-baslik);font-size:1.15rem;margin-top:4px}
@media(max-width:900px){.hazire-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hazire-kartlar{grid-template-columns:1fr}.hazire-kart__resim{height:390px}.hazire-detay__gorseller a{min-height:0}.hazire-detay__gorseller img{height:auto;max-height:75vh}.hazire-detay__gecis{grid-template-columns:1fr}.hazire-detay__gecis>a:last-child{text-align:left}}