/* Muridan tema — İslamî yeşil palet + dantel/tezhip işlemeli bloklar (13 Ağustos 2026)
   Kural 25: taşma koruması. Eski --kirmizi* adları KORUNDU (45 yerde kullanılıyor);
   yeşile takma ad verildi, böylece tek noktadan bütün site döndü. */
:root{
  /* İslamî yeşil çekirdek */
  --yesil:#1B6B4C;         /* zümrüt — ana renk */
  --yesil-koyu:#0E3A2C;    /* çam — koyu zeminler */
  --yesil-2:#2E8760;       /* açık zümrüt — vurgu */
  --mine:#146B63;          /* mine yeşili — ikincil */
  --yesil-sis:#DCE9DF;     /* sisli yeşil — açık zemin */
  /* altın ve kâğıt */
  --altin:#C9A94E;--altin-2:#E7D6A6;--bakir:#7A5A2E;
  --fildisi:#F8F4E9;--kagit:#FCFAF3;--parsomen:#FFFDF7;
  --murekkep:#241E18;--gri:#6F665C;--cizgi:#E2D9C4;
  /* kategori rengi: her blok kendi --kat değerini alır, süslemeler ona boyanır */
  --kat:var(--yesil);
  /* eski adlar (geriye dönük uyum) */
  --kirmizi:var(--yesil);--kirmizi-koyu:var(--yesil-koyu);
}
*{margin:0;padding:0;box-sizing:border-box;min-width:0}
html,body{overflow-x:clip}
body{font-family:'Lora',serif;background:var(--kagit);color:var(--murekkep);line-height:1.65;font-size:16px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.serit{background:var(--kirmizi-koyu);color:#E9D9BC;font-size:.8rem}
.serit .wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;gap:14px}
.serit .ayet{font-family:'Amiri',serif;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serit nav{white-space:nowrap}.serit nav a{margin-left:18px;opacity:.85}.serit nav a:hover{opacity:1;color:#fff}
header.ana{background:var(--kirmizi);color:var(--fildisi);position:relative}
header.ana::before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath d='M36 6 44 28 66 36 44 44 36 66 28 44 6 36 28 28Z' fill='none' stroke='%23F7F2E8' stroke-width='1.4'/%3E%3C/svg%3E");background-size:72px}
.marka{display:flex;align-items:center;justify-content:space-between;padding:22px 0;position:relative;gap:16px}
.logo{display:flex;align-items:center;gap:16px}
.muhur{width:54px;height:54px;flex:none}
.logo h1,.logo .h1{font-family:'Marcellus',serif;font-size:2.1rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.1}
.logo p{font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;color:#E9C88F;margin-top:2px}
.besmele{font-family:'Amiri',serif;font-size:1.45rem;color:#E9C88F}
.hamburger{display:none;background:none;border:1px solid rgba(233,200,143,.5);border-radius:8px;width:48px;height:48px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.hamburger span{display:block;width:22px;height:2px;background:#E9C88F;border-radius:2px;transition:.3s}
.hamburger.acik span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.acik span:nth-child(2){opacity:0}
.hamburger.acik span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
nav.menu{background:var(--kirmizi-koyu);border-top:1px solid rgba(233,200,143,.25);position:relative}
nav.menu ul{display:flex;flex-wrap:nowrap;list-style:none;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;cursor:grab}
nav.menu ul::-webkit-scrollbar{display:none}
nav.menu ul.suruklu{cursor:grabbing;scroll-behavior:auto}
nav.menu a{display:block;padding:14px 18px;color:var(--fildisi);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:3px solid transparent;white-space:nowrap;user-select:none;min-height:48px}
nav.menu a:hover,nav.menu a.aktif{color:#E9C88F;border-bottom-color:var(--altin)}
nav.menu::after{content:"";position:absolute;right:0;top:0;bottom:0;width:44px;background:linear-gradient(to right,transparent,var(--kirmizi-koyu));pointer-events:none}
.cekmece{display:none}
.slider{position:relative;margin:32px 0 14px;border-radius:8px;overflow:hidden}
.slider-ray{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab}
.slider-ray::-webkit-scrollbar{display:none}
.slider-ray.suruklu{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.slayt{flex:0 0 100%;scroll-snap-align:start;position:relative;min-height:420px;display:flex;align-items:flex-end;background:linear-gradient(135deg,var(--kirmizi),var(--kirmizi-koyu))}
.slayt>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.slayt .ort{position:absolute;inset:0;background:linear-gradient(to top,rgba(30,12,10,.93),rgba(30,12,10,.15) 55%)}
.slayt .icerik{position:relative;padding:38px;color:var(--fildisi);max-width:760px}
.etiket{display:inline-block;background:var(--altin);color:#fff;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border-radius:3px;margin-bottom:14px}
.slayt h2,.slayt .h2{font-family:'Marcellus',serif;font-size:2rem;line-height:1.25;margin-bottom:10px}
.slayt p{color:#E5D8C3;max-width:56ch}
.slider .ok{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(233,200,143,.55);background:rgba(30,12,10,.55);color:#E9C88F;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}
.slider .ok:hover{background:var(--altin);color:#fff}
.slider .ok.geri{left:16px}.slider .ok.ileri{right:16px}
.noktalar{position:absolute;bottom:16px;right:24px;display:flex;gap:8px;z-index:3}
.noktalar button{width:11px;height:11px;border-radius:50%;border:none;background:rgba(247,242,232,.4);cursor:pointer;padding:0;transition:.25s}
.noktalar button.aktif{background:var(--altin);width:26px;border-radius:6px}
.bolum-baslik{display:flex;align-items:center;gap:16px;margin:40px 0 22px}
.bolum-baslik .yildiz{width:22px;height:22px;flex:none}
.bolum-baslik h2{font-family:'Marcellus',serif;font-size:1.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--kirmizi)}
.bolum-baslik::after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--altin),transparent)}
.bolum-baslik a.tum{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gri)}
.izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.yazi-kart{background:#fff;border:1px solid var(--cizgi);border-radius:6px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.yazi-kart:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(92,29,47,.13)}
.yazi-kart .gorsel{aspect-ratio:16/10;background:linear-gradient(140deg,#6d4a2f,#3b2617);overflow:hidden}
.yazi-kart .gorsel img{width:100%;height:100%;object-fit:cover}
.yazi-kart .govde{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.yazi-kart .kategori{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--altin);margin-bottom:8px}
.yazi-kart h3{font-family:'Marcellus',serif;font-size:1.05rem;line-height:1.35;margin-bottom:8px}
.yazi-kart p{font-size:.86rem;color:var(--gri);flex:1}
.yazi-kart .alt{margin-top:12px;font-size:.75rem;color:var(--gri);display:flex;justify-content:space-between;gap:8px}
.video-band{background:var(--kirmizi-koyu);color:var(--fildisi);margin-top:52px;padding:44px 0 50px}
.video-band .bolum-baslik h2{color:#E9C88F}
.video-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.video-kart{border-radius:6px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(233,200,143,.2);transition:.25s}
.video-kart:hover{border-color:var(--altin)}
.video-kart .kapak{aspect-ratio:16/9;background:linear-gradient(140deg,#4a1520,#241014);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.video-kart .kapak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oynat{width:46px;height:46px;border-radius:50%;background:rgba(185,138,46,.92);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.oynat::after{content:"";border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.video-kart h3{font-size:.9rem;padding:13px 15px;line-height:1.4}
.soru-band{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:40px 0 56px}
.soru-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:8px;padding:28px}
.soru-kutu h3{font-family:'Marcellus',serif;color:var(--kirmizi);font-size:1.25rem;margin-bottom:16px}
.soru{padding:13px 0;border-bottom:1px dashed var(--cizgi);font-size:.9rem;display:flex;gap:10px}
.soru:last-child{border-bottom:0}
.soru::before{content:"؟";font-family:'Amiri',serif;color:var(--altin);font-size:1.2rem}
.soru-kutu.davet{background:var(--kirmizi);color:var(--fildisi);border:none;display:flex;flex-direction:column;justify-content:center}
.soru-kutu.davet h3{color:#E9C88F}
.dugme{display:inline-block;background:var(--kirmizi);color:#fff;padding:12px 26px;border-radius:4px;font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;min-height:48px}
.dugme.altin{background:var(--altin)}
.dugme.ikincil{background:none;border:1px solid var(--cizgi);color:var(--murekkep)}
/* detay */
.kirinti{font-size:.8rem;color:var(--gri);padding:20px 0 0}
.kirinti span{margin:0 8px;color:var(--altin)}
.duzen{display:grid;grid-template-columns:1fr 320px;gap:44px;padding:24px 0 60px}
article.yazi h1{font-family:'Marcellus',serif;font-size:2.2rem;line-height:1.25;color:var(--kirmizi-koyu);margin-bottom:14px}
.meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.82rem;color:var(--gri);padding-bottom:18px;border-bottom:1px solid var(--cizgi);align-items:center}
.meta b{color:var(--kirmizi)}
.okuma-arac{margin-left:auto;display:flex;gap:8px}
.okuma-arac button{width:38px;height:38px;border:1px solid var(--cizgi);background:#fff;border-radius:8px;cursor:pointer;font-size:.9rem}
.okuma-arac button.aktif{background:var(--altin);color:#fff;border-color:var(--altin)}
.icerik-govde{padding-top:24px}
.icerik-govde p{margin-bottom:1.2em;font-size:1.02rem}
.icerik-govde h2{font-family:'Marcellus',serif;color:var(--kirmizi);font-size:1.4rem;margin:34px 0 14px}
.icerik-govde h3{font-family:'Marcellus',serif;color:var(--kirmizi-koyu);font-size:1.2rem;margin:26px 0 12px}
.icerik-govde blockquote{background:var(--fildisi);border:1px solid var(--cizgi);border-left:4px solid var(--altin);padding:22px 26px;margin:28px 0;font-style:italic}
.icerik-govde img{border-radius:6px;margin:20px 0}
.icerik-govde iframe{max-width:100%;border:0;border-radius:6px;margin:20px 0;aspect-ratio:16/9;width:100%;height:auto}
.icerik-govde ul,.icerik-govde ol{margin:0 0 1.2em 1.4em}
.paylas{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);font-size:.84rem;color:var(--gri);flex-wrap:wrap;margin-top:28px}
.paylas a{width:48px;height:48px;border:1px solid var(--cizgi);border-radius:50%;display:flex;align-items:center;justify-content:center}
.paylas a:hover{background:var(--kirmizi);color:#fff;border-color:var(--kirmizi)}
.ilgili{margin-top:36px}
.ilgili h3{font-family:'Marcellus',serif;color:var(--kirmizi);text-transform:uppercase;font-size:1.1rem;margin-bottom:18px}
.ilgili-ray{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;cursor:grab;padding-bottom:6px}
.ilgili-ray::-webkit-scrollbar{display:none}
.ilgili-kart{flex:0 0 240px;background:#fff;border:1px solid var(--cizgi);border-radius:6px;padding:18px}
.ilgili-kart .tarih{font-size:.72rem;color:var(--altin);text-transform:uppercase}
.ilgili-kart h4{font-family:'Marcellus',serif;font-size:1rem;line-height:1.4;margin-top:6px}
aside .kutu{background:#fff;border:1px solid var(--cizgi);border-radius:8px;padding:24px;margin-bottom:24px}
aside h3{font-family:'Marcellus',serif;color:var(--kirmizi);text-transform:uppercase;font-size:1rem;margin-bottom:16px}
.son-yazi{display:block;padding:11px 0;border-bottom:1px dashed var(--cizgi);font-size:.9rem;line-height:1.45}
.son-yazi:last-child{border:0}
.kategori-l{list-style:none}
.kategori-l a{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--cizgi);font-size:.9rem;min-height:48px;align-items:center}
.kategori-l li:last-child a{border:0}
/* form */
.form-alan{margin-bottom:16px}
.form-alan label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}
.form-alan input,.form-alan textarea{width:100%;border:1px solid var(--cizgi);border-radius:6px;padding:12px 14px;font-family:inherit;font-size:16px;background:#fff}
.form-alan textarea{min-height:140px}
.gizli-alan{position:absolute;left:-9999px;opacity:0}
.uyari{border-radius:8px;padding:13px 16px;font-size:.88rem;margin-bottom:16px}
.uyari.ok{background:#E8F3EC;color:#2E7D46;border:1px solid #BFDCC8}
.uyari.hata{background:#F6E9EB;color:#8C1D2F;border:1px solid #E3C3C9}
/* hata sayfası */
.hata-sayfa{text-align:center;padding:70px 20px}
.hata-sayfa h1{font-family:'Marcellus',serif;font-size:4rem;color:var(--kirmizi)}
/* footer */
footer.site{background:var(--murekkep);color:#CBBFAF;padding:44px 0 26px;font-size:.86rem;margin-top:56px}
footer.site .ust{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid #453a32}
footer.site h4{font-family:'Marcellus',serif;color:#E9C88F;text-transform:uppercase;font-size:.92rem;margin-bottom:14px}
footer.site li{list-style:none;padding:4px 0}
footer.site .telif{text-align:center;padding-top:22px;font-size:.78rem;color:#8a7d70}
footer.site .telif a{color:#E9C88F}
/* çerez bandı (kural 4: alt-bant, kaplama yok) */
.cerez-bant{position:fixed;left:0;right:0;bottom:0;background:var(--murekkep);color:#EDE5D8;padding:14px 20px;display:none;align-items:center;gap:16px;z-index:70;font-size:.85rem;flex-wrap:wrap;justify-content:center}
.cerez-bant.gorunur{display:flex}
.cerez-bant a{color:#E9C88F;text-decoration:underline}
.cerez-bant button{background:var(--altin);color:#fff;border:none;border-radius:6px;padding:10px 22px;cursor:pointer;min-height:48px}
/* yukarı çık */
#yukariCik{position:fixed;right:18px;bottom:78px;width:48px;height:48px;border-radius:50%;background:var(--kirmizi);color:#fff;border:none;cursor:pointer;font-size:1.2rem;opacity:0;pointer-events:none;transition:.3s;z-index:60;box-shadow:0 6px 18px rgba(0,0,0,.25)}
#yukariCik.gorunur{opacity:1;pointer-events:auto}
@media(max-width:960px){
  .izgara,.video-izgara{grid-template-columns:repeat(2,1fr)}
  .soru-band,.duzen{grid-template-columns:1fr}
  footer.site .ust{grid-template-columns:1fr 1fr} /* kural 5: mobil 2 blok */
  .besmele{display:none}
}
@media(max-width:760px){
  .hamburger{display:flex}
  nav.menu{display:none}
  .serit nav{display:none}
  .serit .wrap{justify-content:center}
  .cekmece{display:block;position:fixed;inset:0;z-index:80;pointer-events:none}
  .cekmece .perde{position:absolute;inset:0;background:rgba(20,8,8,.55);opacity:0;transition:.3s}
  .cekmece .panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,84vw);background:var(--kirmizi-koyu);transform:translateX(100%);transition:transform .32s ease;padding:26px 0;overflow-y:auto}
  .cekmece.acik{pointer-events:auto}
  .cekmece.acik .perde{opacity:1}
  .cekmece.acik .panel{transform:translateX(0)}
  .cekmece .baslik{font-family:'Marcellus',serif;color:#E9C88F;letter-spacing:.2em;text-transform:uppercase;padding:0 26px 18px;border-bottom:1px solid rgba(233,200,143,.25)}
  .cekmece ul{list-style:none;padding-top:10px}
  .cekmece a{display:block;color:var(--fildisi);padding:14px 26px;border-left:3px solid transparent;min-height:48px}
  .cekmece a.aktif,.cekmece a:hover{color:#E9C88F;border-left-color:var(--altin)}
  .slayt{min-height:360px}
  .slayt h2,.slayt .h2{font-size:1.4rem}
  .slayt .icerik{padding:24px}
  article.yazi h1{font-size:1.5rem}
}
@media(max-width:560px){.izgara,.video-izgara{grid-template-columns:1fr}.logo h1,.logo .h1{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Ana/alt kategori menüsü ===== */
nav.menu ul{overflow:visible}
nav.menu li{position:relative}
nav.menu li.altli>a .ok{font-size:.7em;opacity:.75;margin-left:3px}
nav.menu .alt-menu{position:absolute;top:100%;left:0;min-width:250px;background:var(--kirmizi-koyu);
  border:1px solid rgba(185,138,46,.35);border-top:2px solid var(--altin);border-radius:0 0 10px 10px;
  list-style:none;padding:6px 0;display:none;z-index:60;box-shadow:0 14px 34px rgba(20,8,8,.4)}
nav.menu li.altli:hover .alt-menu,nav.menu li.altli:focus-within .alt-menu{display:block}
nav.menu .alt-menu li{display:block}
nav.menu .alt-menu a{border-bottom:0;padding:11px 18px;text-transform:none;letter-spacing:.02em;
  font-size:.87rem;white-space:normal}
nav.menu .alt-menu a:hover{background:rgba(185,138,46,.16);color:#E9C88F}
.cekmece .panel li.alt a{padding-left:34px;font-size:.86rem;opacity:.88;text-transform:none}
.alt-kategori-cipler{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin:0 0 24px;padding-bottom:4px}
.alt-kategori-cipler::-webkit-scrollbar{display:none}
.alt-kategori-cipler a{flex:none;padding:9px 16px;border:1px solid var(--cizgi);border-radius:999px;
  font-size:.83rem;background:#fff;white-space:nowrap;min-height:40px;display:flex;align-items:center}
.alt-kategori-cipler a:hover{border-color:var(--altin);color:var(--kirmizi)}
@media(max-width:900px){nav.menu .alt-menu{display:none!important}}

/* Görseli olmayan içerikler için mühür yer tutucu */
.kapak-yok{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/10;
  background:linear-gradient(160deg,#F7F1E4,#EFE4D0);color:var(--kirmizi)}
.kapak-yok svg{width:62%;max-width:150px;height:auto;display:block}
.kapak-yok b{position:absolute;font-family:'Marcellus',serif;font-size:2.1rem;color:var(--kirmizi);opacity:.75}

/* =====================================================================
   DANTEL / TEZHİP İŞLEMELİ BLOKLAR (13 Ağustos 2026)
   Bütün süslemeler currentColor ile çizilir; bloğun --kat değeri
   (kategori rengi) hem çerçeveyi hem işlemeleri boyar.
   ===================================================================== */
.hat{position:relative;background:var(--parsomen);border:1.5px solid var(--kat);border-radius:4px;
  box-shadow:0 1px 0 rgba(36,30,24,.06), 0 18px 40px -30px rgba(36,30,24,.5)}
.hat::before{content:"";position:absolute;inset:5px;border:1px solid var(--kat);border-radius:3px;
  opacity:.42;pointer-events:none}
/* köşe işlemeleri */
.isleme{position:absolute;width:44px;height:44px;color:var(--kat);opacity:.9;z-index:3;pointer-events:none}
.isleme.su{top:8px;left:8px}
.isleme.sag{top:8px;right:8px;transform:scaleX(-1)}
.isleme.al{bottom:8px;left:8px;transform:scaleY(-1)}
.isleme.as{bottom:8px;right:8px;transform:scale(-1)}
/* dantel şerit: köşe işlemelerine çarpmasın diye iki yandan içeri alınır */
.dantel-serit{position:absolute;left:54px;right:54px;height:12px;color:var(--kat);opacity:.85;
  z-index:2;pointer-events:none}
.dantel-serit svg{width:100%;height:100%;display:block}
.dantel-serit.ust{top:11px}
.dantel-serit.alt{bottom:11px;transform:scaleY(-1)}
/* blok gövdesi: süslemelerin içinde kalsın */
.hat > .govde{position:relative;z-index:1;padding:34px clamp(18px,3vw,32px) 30px}

/* koyu zeminli bölüm: tezhip ağı + altın dantel */
.tezhip-zemin{position:relative;background:var(--yesil-koyu);color:var(--fildisi);overflow:hidden}
.tezhip-zemin > .agi{position:absolute;inset:0;color:#8FC4A8;opacity:.32;pointer-events:none}
.tezhip-zemin > .agi svg{width:100%;height:100%;display:block}
.tezhip-zemin > .ic{position:relative;z-index:1}
.tezhip-zemin .dantel-serit{color:var(--altin);left:0;right:0;opacity:.9}

/* kategori etiketi: rengini bloğun --kat'ından alır */
.kat-et{display:inline-flex;align-items:center;gap:8px;font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--kat);
  background:color-mix(in srgb, var(--kat) 12%, transparent);border:1px solid color-mix(in srgb, var(--kat) 45%, transparent);
  padding:5px 13px;border-radius:999px}
.kat-et::before{content:"";width:5px;height:5px;background:var(--kat);transform:rotate(45deg)}
/* color-mix desteklemeyen tarayıcı için yumuşak geri dönüş */
@supports not (color: color-mix(in srgb, red 50%, blue)){
  .kat-et{background:var(--yesil-sis);border-color:var(--kat)}
}

/* ---- dantelli yazı kartı: süslemeler görselin üstüne binmesin ---- */
.yazi-kart.hat{background:var(--parsomen);border-color:var(--kat);overflow:visible}
.yazi-kart.hat .gorsel{margin:13px 13px 0;border-radius:6px;overflow:hidden;border:1px solid var(--cizgi);
  aspect-ratio:16/10;background:linear-gradient(140deg,var(--yesil-koyu),#0a2a20)}
.yazi-kart.hat .govde{padding:14px 20px 20px}
.yazi-kart.hat .isleme{width:34px;height:34px;opacity:.85}
.yazi-kart.hat .isleme.su,.yazi-kart.hat .isleme.sag{top:5px}
.yazi-kart.hat .isleme.al,.yazi-kart.hat .isleme.as{bottom:5px}
.yazi-kart.hat:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(14,58,44,.55)}
.yazi-kart.hat h3{margin-top:9px}
.yazi-kart.hat .alt{border-top:1px dotted color-mix(in srgb, var(--kat) 35%, transparent);padding-top:10px}
@supports not (color: color-mix(in srgb, red 50%, blue)){
  .yazi-kart.hat .alt{border-top-color:var(--cizgi)}
}
/* video bandı tezhip zemini */
.video-band.tezhip-zemin{padding:52px 0 56px}
.video-band.tezhip-zemin .dantel-serit.ust{top:8px}
.video-band.tezhip-zemin .dantel-serit.alt{bottom:8px}

/* =====================================================================
   SANATSAL ÇEKMECE MENÜ — tam ekran, tezhip zeminli, kategori renkli
   ===================================================================== */
.menu .tumu-ac{margin-left:auto}
.menu .tumu-ac button{display:flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;
  color:var(--altin-2);font:inherit;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;
  padding:14px 18px;min-height:48px;border-bottom:3px solid transparent}
.menu .tumu-ac button:hover{color:var(--altin);border-bottom-color:var(--altin)}
.menu .tumu-ac .cizgiler{display:inline-flex;flex-direction:column;gap:3px}
.menu .tumu-ac .cizgiler i{display:block;width:17px;height:2px;background:currentColor;border-radius:2px}

.cekmece{display:block;position:fixed;inset:0;z-index:90;pointer-events:none}
.cekmece .perde{position:absolute;inset:0;background:rgba(8,26,20,.62);backdrop-filter:blur(2px);
  opacity:0;transition:opacity .3s}
.cekmece .panel{position:absolute;inset:0;overflow-y:auto;background:var(--yesil-koyu);
  opacity:0;transform:scale(.985);transition:opacity .3s ease, transform .3s ease}
.cekmece.acik{pointer-events:auto}
.cekmece.acik .perde{opacity:1}
.cekmece.acik .panel{opacity:1;transform:none}
.cekmece .panel > .ic{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:26px 22px 40px}

.ck-bas{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(231,214,166,.22)}
.ck-marka{display:flex;align-items:center;gap:14px;color:var(--altin)}
.ck-muhur{width:46px;height:46px;flex:none}
.ck-marka b{display:block;font-family:'Marcellus',serif;font-size:1.35rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fildisi)}
.ck-marka small{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--altin-2);opacity:.8}
.ck-kapat{margin-left:auto;width:46px;height:46px;border-radius:50%;background:transparent;cursor:pointer;
  border:1px solid rgba(231,214,166,.45);color:var(--altin-2);font-size:1.1rem;transition:.2s}
.ck-kapat:hover{background:var(--altin);border-color:var(--altin);color:var(--yesil-koyu)}

.ck-ara{display:flex;gap:0;margin:20px 0 24px;max-width:520px}
.ck-ara input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(231,214,166,.35);
  border-right:0;border-radius:999px 0 0 999px;padding:13px 20px;color:var(--fildisi);font:inherit;font-size:.95rem}
.ck-ara input::placeholder{color:rgba(248,244,233,.5)}
.ck-ara input:focus{outline:none;border-color:var(--altin);background:rgba(255,255,255,.1)}
.ck-ara button{width:56px;border:1px solid rgba(231,214,166,.35);border-left:0;border-radius:0 999px 999px 0;
  background:rgba(255,255,255,.06);color:var(--altin-2);font-size:1.3rem;cursor:pointer}
.ck-ara button:hover{background:var(--altin);color:var(--yesil-koyu)}

.ck-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}
.ck-kart{position:relative;background:rgba(255,255,255,.045);border:1px solid color-mix(in srgb, var(--kat) 60%, #E7D6A6 15%);
  border-radius:10px;padding:16px 18px 14px;overflow:hidden;transition:.22s}
.ck-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--kat)}
.ck-kart:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
.ck-kose{position:absolute;right:8px;top:8px;width:34px;height:34px;color:var(--kat);opacity:.55;
  transform:scaleX(-1);pointer-events:none}
.ck-baslik{display:flex;align-items:center;gap:10px;font-family:'Marcellus',serif;font-size:1.06rem;
  color:var(--fildisi);padding-right:34px}
.ck-baslik:hover{color:var(--altin-2)}
.ck-baslik i{font-style:normal;font-family:'Archivo',Arial,sans-serif;font-size:.66rem;letter-spacing:.08em;
  background:var(--kat);color:#F2FBF6;border-radius:999px;padding:2px 9px}
.ck-alt{list-style:none;margin:11px 0 0;padding:11px 0 0;border-top:1px dotted rgba(231,214,166,.25);
  display:flex;flex-wrap:wrap;gap:6px 8px}
.ck-alt a{display:inline-block;font-size:.79rem;color:rgba(248,244,233,.78);
  border:1px solid rgba(231,214,166,.22);border-radius:999px;padding:4px 11px;transition:.18s}
.ck-alt a:hover{color:var(--yesil-koyu);background:var(--altin-2);border-color:var(--altin-2)}

.ck-alt-serit{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:26px;padding-top:18px;border-top:1px solid rgba(231,214,166,.22)}
.ck-baglantilar{display:flex;gap:8px;flex-wrap:wrap}
.ck-baglantilar a{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--altin-2);
  border:1px solid rgba(231,214,166,.3);border-radius:999px;padding:9px 17px;min-height:40px;display:flex;align-items:center}
.ck-baglantilar a:hover{background:var(--altin);border-color:var(--altin);color:var(--yesil-koyu)}
.ck-sosyal a{border-color:rgba(231,214,166,.4);color:var(--altin-2)}

@supports not (color: color-mix(in srgb, red 50%, blue)){
  .ck-kart{border-color:rgba(231,214,166,.3)}
}
@media(max-width:760px){
  .cekmece .panel > .ic{padding:18px 16px 34px}
  .ck-izgara{grid-template-columns:1fr}
  .ck-marka b{font-size:1.1rem}
}

/* =====================================================================
   ARTİSTİK MENÜ ŞERİDİ (eski nav.menu kurallarını ezer) + YARIM EKRAN ÇEKMECE
   ===================================================================== */
nav.menu.tezhip-zemin{position:relative;background:var(--yesil-koyu);border-top:0;padding:10px 0;overflow:visible}
nav.menu.tezhip-zemin > .agi{position:absolute;inset:0;color:#8FC4A8;opacity:.22;pointer-events:none;overflow:hidden}
nav.menu.tezhip-zemin > .agi svg{width:100%;height:100%;display:block}
nav.menu.tezhip-zemin .dantel-serit{color:var(--altin);opacity:.85;left:0;right:0}
nav.menu.tezhip-zemin .dantel-serit.ust{top:2px}
nav.menu.tezhip-zemin .dantel-serit.alt{bottom:2px}
nav.menu.tezhip-zemin .ic{position:relative;z-index:2}
nav.menu.tezhip-zemin ul{align-items:stretch}
nav.menu.tezhip-zemin a{font-family:'Marcellus',serif;font-weight:700;font-size:.98rem;letter-spacing:.06em;
  text-transform:none;color:var(--fildisi);padding:15px 17px;border-bottom:0;position:relative;
  display:flex;align-items:center;gap:8px}
nav.menu.tezhip-zemin a .mim{font-family:'Amiri',serif;font-size:.85rem;color:var(--altin);opacity:0;
  transform:scale(.4);transition:.22s;margin-right:-3px}
nav.menu.tezhip-zemin a:hover .mim,nav.menu.tezhip-zemin a.aktif .mim{opacity:1;transform:none}
nav.menu.tezhip-zemin a::after{content:"";position:absolute;left:17px;right:17px;bottom:8px;height:2px;
  background:linear-gradient(90deg,transparent,var(--kat,var(--altin)),transparent);
  transform:scaleX(0);transition:transform .25s}
nav.menu.tezhip-zemin a:hover::after,nav.menu.tezhip-zemin a.aktif::after{transform:scaleX(1)}
nav.menu.tezhip-zemin a:hover,nav.menu.tezhip-zemin a.aktif{color:var(--altin-2)}
nav.menu.tezhip-zemin::after{display:none}
nav.menu.tezhip-zemin .tumu-ac{margin-left:auto}
nav.menu.tezhip-zemin .tumu-ac button{font-family:'Marcellus',serif;font-weight:700;font-size:.92rem;
  letter-spacing:.06em;text-transform:none;color:var(--yesil-koyu);background:var(--altin);
  border:1px solid var(--altin);border-radius:999px;margin:7px 0;padding:0 20px;min-height:44px;
  display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s;
  box-shadow:0 3px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.35)}
nav.menu.tezhip-zemin .tumu-ac button:hover{background:var(--altin-2);border-color:var(--altin-2);transform:translateY(-1px)}
nav.menu.tezhip-zemin .tumu-ac .cizgiler{display:inline-flex;flex-direction:column;gap:3px}
nav.menu.tezhip-zemin .tumu-ac .cizgiler i{display:block;width:15px;height:2px;background:currentColor;border-radius:2px}
nav.menu.tezhip-zemin .alt-menu{position:absolute;top:100%;left:8px;z-index:30;min-width:230px;
  background:var(--yesil-koyu);border:1px solid var(--altin);border-radius:0 0 10px 10px;
  box-shadow:0 22px 44px -18px rgba(8,26,20,.7);list-style:none;padding:8px 0;display:none}
nav.menu.tezhip-zemin .altli:hover .alt-menu,nav.menu.tezhip-zemin .altli:focus-within .alt-menu{display:block}
nav.menu.tezhip-zemin .alt-menu a{font-size:.86rem;padding:10px 18px}
nav.menu.tezhip-zemin .alt-menu a::after{display:none}

/* üst şeritte sosyal ikonlar */
.serit .serit-sag{display:flex;align-items:center;gap:14px}
.sosyal{display:inline-flex;gap:7px;align-items:center}
.sosyal a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(231,214,166,.4);color:var(--altin-2);transition:.2s}
.sosyal svg{width:15px;height:15px}
.sosyal a:hover{background:var(--altin);border-color:var(--altin);color:var(--yesil-koyu);transform:translateY(-2px)}
.footer-sosyal{margin-top:14px}
.footer-sosyal a{width:34px;height:34px}
.footer-sosyal svg{width:17px;height:17px}

/* ÇEKMECE: tam ekran değil, sağdan YARIM ekran panel */
.cekmece .panel{left:auto;right:0;width:min(56vw,760px);border-left:2px solid var(--altin);
  box-shadow:-30px 0 70px -30px rgba(8,26,20,.85);transform:translateX(40px);border-radius:0}
.cekmece.acik .panel{transform:none}
.cekmece .panel > .ic{max-width:100%;padding:24px 26px 40px}
.ck-izgara{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}
@media(max-width:900px){.cekmece .panel{width:min(88vw,520px)}}
@media(max-width:760px){
  nav.menu.tezhip-zemin .tumu-ac button span:last-child{display:none}
}

/* =====================================================================
   SEKMELİ MANŞET + İÇ SAYFA BLOKLARI
   ===================================================================== */
.sekmeli{margin-top:30px}
.sekmeler{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 14px}
.sekmeler::-webkit-scrollbar{display:none}
.sekmeler button{flex:none;font-family:'Marcellus',serif;font-weight:700;font-size:.95rem;letter-spacing:.04em;
  color:var(--kat);background:var(--parsomen);border:1.5px solid var(--kat);border-radius:999px;
  padding:11px 22px;min-height:46px;cursor:pointer;transition:.2s;position:relative}
.sekmeler button:hover{background:color-mix(in srgb, var(--kat) 10%, var(--parsomen))}
.sekmeler button.aktif{background:var(--kat);color:#FDFBF3;
  box-shadow:0 4px 0 rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.25)}
.sekme-panel{display:none}
.sekme-panel.aktif{display:block;animation:sekmeGel .35s ease}
@keyframes sekmeGel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* büyük manşet: solda görsel, sağda tezhipli koyu levha */
.manset-buyuk{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;margin-bottom:22px}
.manset-buyuk .mb-gorsel{position:relative;display:block;margin:14px 0 14px 14px;border-radius:8px;
  overflow:hidden;border:1px solid var(--cizgi);min-height:340px;background:linear-gradient(140deg,var(--yesil-koyu),#0a2a20)}
.manset-buyuk .mb-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.manset-buyuk:hover .mb-gorsel img{transform:scale(1.035)}
.manset-buyuk .mb-levha{margin:14px 14px 14px 0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;
  padding:34px 32px;position:relative;overflow:hidden}
.manset-buyuk .mb-levha .ic{position:relative;z-index:2}
.kat-et.acik{color:var(--altin-2);border-color:rgba(231,214,166,.5);background:rgba(231,214,166,.12)}
.kat-et.acik::before{background:var(--altin)}
.manset-buyuk h2{font-family:'Marcellus',serif;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.25;
  color:var(--fildisi);margin:14px 0 12px}
.manset-buyuk h2 a:hover{color:var(--altin-2)}
.manset-buyuk .mb-levha p{color:rgba(248,244,233,.85);font-size:.98rem}
.mb-alt{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px}
.mb-alt .kim{font-size:.85rem;color:var(--altin-2);letter-spacing:.06em}
.dugme.altin{background:var(--altin);color:var(--yesil-koyu);font-weight:700;border-radius:999px;
  box-shadow:0 3px 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.35)}
.dugme.altin:hover{background:var(--altin-2)}
.sekme-izgara{margin-bottom:8px}

/* iç sayfa başlık bloğu + makale çerçevesi */
.sayfa-bas-blok{margin:30px 0 24px;text-align:center}
.sayfa-bas-blok .govde{padding:30px 22px 24px}
.sayfa-bas-blok h1{font-family:'Marcellus',serif;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:.08em;
  text-transform:uppercase;color:var(--kat);margin:10px 0 6px}
.sayfa-bas-blok p{color:var(--gri);max-width:70ch;margin:0 auto}
article.yazi.hat{padding:0;background:var(--parsomen)}
article.yazi.hat > *:not(.isleme):not(.dantel-serit){margin-left:clamp(18px,3vw,34px);margin-right:clamp(18px,3vw,34px)}
article.yazi.hat > h1{margin-top:34px}
article.yazi.hat > .icerik-govde{margin-bottom:20px}
article.yazi.hat > .paylas,article.yazi.hat > .etiketler{margin-bottom:30px}
.soru-kutu.hat{border-radius:4px}
.soru-kutu.hat .govde{padding:26px 26px 28px}
.soru-kutu.davet.tezhip-zemin{position:relative;border-radius:4px;padding:26px;display:flex;flex-direction:column;justify-content:center}
.soru-kutu.davet.tezhip-zemin .ic{position:relative;z-index:2}
.soru-kutu.davet h3{color:var(--altin-2)}

@media(max-width:860px){
  .manset-buyuk{grid-template-columns:1fr}
  .manset-buyuk .mb-gorsel{margin:14px 14px 0;min-height:220px;aspect-ratio:16/9}
  .manset-buyuk .mb-levha{margin:12px 14px 14px;padding:24px 20px}
}

/* menü öğeleri üst üste binmesin: nowrap + daralmaz (ekran görüntüsünde yakalandı) */
nav.menu.tezhip-zemin li{flex:none}
nav.menu.tezhip-zemin a{white-space:nowrap}
nav.menu.tezhip-zemin .tumu-ac button{white-space:nowrap}

/* "Bütün Bölümler" kaydırmadan bağımsız, hep görünür (menü taşsa da sağda sabit) */
nav.menu.tezhip-zemin .ic{display:flex;align-items:center;gap:12px}
nav.menu.tezhip-zemin .ic > ul{flex:1;min-width:0}
button.tumu-ac{flex:none;font-family:'Marcellus',serif;font-weight:700;font-size:.92rem;letter-spacing:.06em;
  color:var(--yesil-koyu);background:var(--altin);border:1px solid var(--altin);border-radius:999px;
  padding:0 20px;min-height:44px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s;
  white-space:nowrap;box-shadow:0 3px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.35)}
button.tumu-ac:hover{background:var(--altin-2);border-color:var(--altin-2);transform:translateY(-1px)}
button.tumu-ac .cizgiler{display:inline-flex;flex-direction:column;gap:3px}
button.tumu-ac .cizgiler i{display:block;width:15px;height:2px;background:currentColor;border-radius:2px}
@media(max-width:700px){button.tumu-ac > span:last-child{display:none}}

/* ===== anasayfa kategori bloklari ===== */
.kat-blok{margin:30px 0}
.kat-blok > .govde{padding:26px clamp(16px,2.6vw,30px) 26px}
.kb-bas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;
  border-bottom:2px solid var(--kat);padding-bottom:12px}
.kb-bas h2 a{font-family:'Marcellus',serif;font-size:1.35rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kat)}
.kb-tablar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-left:auto}
.kb-tablar::-webkit-scrollbar{display:none}
.kb-tablar button{flex:none;font-family:'Marcellus',serif;font-size:.82rem;color:var(--kat);
  background:transparent;border:1px solid var(--kat);border-radius:999px;padding:7px 15px;min-height:38px;cursor:pointer;transition:.2s}
.kb-tablar button.aktif,.kb-tablar button:hover{background:var(--kat);color:#FDFBF3}
.kb-panel{display:none}
.kb-panel.aktif{display:block;animation:sekmeGel .3s ease}
.kb-duzen{display:grid;grid-template-columns:1.2fr .9fr;gap:20px}
.kb-manset{position:relative;display:block;border-radius:8px;overflow:hidden;border:1px solid var(--cizgi);
  min-height:300px;background:linear-gradient(140deg,var(--yesil-koyu),#0a2a20)}
.kb-manset img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.kb-manset:hover img{transform:scale(1.03)}
.kb-ort{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,26,20,.9),transparent 55%)}
.kb-metin{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;color:var(--fildisi)}
.kb-metin b{display:block;font-family:'Marcellus',serif;font-size:1.25rem;line-height:1.3}
.kb-metin i{display:block;font-style:normal;font-size:.78rem;color:var(--altin-2);margin-top:6px}
.kb-liste{display:flex;flex-direction:column;gap:0}
.kb-satir{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center;padding:11px 0;
  border-top:1px dotted rgba(122,90,46,.35)}
.kb-satir:first-child{border-top:0;padding-top:0}
.kb-kucuk{position:relative;width:104px;aspect-ratio:16/10;border-radius:6px;overflow:hidden;
  border:1px solid var(--cizgi);background:linear-gradient(140deg,var(--yesil-koyu),#0a2a20)}
.kb-kucuk img,.kb-kucuk svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kb-sag b{display:block;font-family:'Marcellus',serif;font-size:.98rem;line-height:1.32;color:var(--murekkep)}
.kb-satir:hover .kb-sag b{color:var(--kat)}
.kb-sag i{font-style:normal;font-size:.74rem;color:var(--gri)}
@media(max-width:860px){.kb-duzen{grid-template-columns:1fr}.kb-manset{min-height:220px;aspect-ratio:16/9}
  .kb-bas{flex-direction:column;align-items:flex-start}.kb-tablar{margin-left:0;max-width:100%}}

/* ===== kardes kaynaklar ===== */
.kardes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 0 10px}
.kardes-kutu > .govde{padding:22px 20px 20px}
.kardes-kutu h3{font-family:'Marcellus',serif;font-size:1.02rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--kat);border-bottom:2px solid var(--kat);padding-bottom:9px;margin-bottom:12px}
.kardes-satir{display:block;padding:9px 0;border-top:1px dotted rgba(122,90,46,.35)}
.kardes-satir:first-of-type{border-top:0}
.kardes-satir b{display:block;font-size:.9rem;line-height:1.4;color:var(--murekkep)}
.kardes-satir:hover b{color:var(--kat)}
.kardes-satir i{font-style:normal;font-size:.72rem;color:var(--gri)}
.kardes-video{display:grid;grid-template-columns:98px 1fr;gap:10px;align-items:center;padding:8px 0;
  border-top:1px dotted rgba(122,90,46,.35)}
.kardes-video:first-of-type{border-top:0}
.kv-kapak{position:relative;width:98px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#0a2a20}
.kv-kapak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kv-kapak .oynat{position:absolute;inset:0;display:grid;place-items:center}
.kv-kapak .oynat::before{content:"▶";color:#fff;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.kardes-video b{font-size:.85rem;line-height:1.35;color:var(--murekkep)}
.kardes-video:hover b{color:var(--kat)}
.kardes-bos{color:var(--gri);font-size:.85rem}
.fb-cerceve{border-radius:8px;background:#fff}
@media(max-width:1000px){.kardes{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.kardes{grid-template-columns:1fr}}

/* ===== menu fetva butonu ===== */
nav.menu.tezhip-zemin li.fetva a{color:var(--altin-2);border:1px solid rgba(231,214,166,.55);border-radius:999px;
  margin:7px 0;padding:0 18px;min-height:44px}
nav.menu.tezhip-zemin li.fetva a::after{display:none}
nav.menu.tezhip-zemin li.fetva a:hover{background:rgba(231,214,166,.16)}
nav.menu.tezhip-zemin li.fetva a span{font-family:'Amiri',serif;font-size:1.05rem;color:var(--altin)}

/* ===== soru-cevap (fetva) sayfalari ===== */
.sc-bas .sc-ara{display:flex;max-width:560px;margin:18px auto 4px}
.sc-ara input{flex:1;border:1.5px solid var(--kat);border-right:0;border-radius:999px 0 0 999px;
  padding:13px 20px;font:inherit;font-size:.95rem;background:#fff}
.sc-ara input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--kat) 18%, transparent)}
.sc-ara button{border:1.5px solid var(--kat);border-radius:0 999px 999px 0;background:var(--kat);color:#FDFBF3;
  font:inherit;font-weight:700;padding:0 26px;cursor:pointer}
.sc-kategoriler{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin:0 0 26px}
.sc-kat{position:relative;display:flex;flex-direction:column;gap:5px;padding:20px 20px 16px;overflow:hidden}
.sc-kat b{font-family:'Marcellus',serif;font-size:1.04rem;color:var(--kat);padding-right:30px}
.sc-kat span{font-size:.78rem;color:var(--gri)}
.sc-kat:hover{transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(14,58,44,.6)}
.sck-motif{position:absolute;right:8px;top:8px;width:30px;height:30px;color:var(--kat);opacity:.6;transform:scaleX(-1)}
.sc-geri{margin:0 0 18px}
.sc-geri a{color:var(--altin);font-size:.86rem}
.sc-liste{display:flex;flex-direction:column;gap:12px}
.sc-soru{display:grid;grid-template-columns:52px 1fr 30px;gap:14px;align-items:center;padding:16px 18px}
.sc-soru:hover{transform:translateY(-2px)}
.scs-isaret{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;
  background:color-mix(in srgb, var(--kat) 12%, transparent);border:1px solid var(--kat);
  color:var(--kat);font-family:'Amiri',serif;font-size:1.5rem}
.scs-govde b{display:block;font-family:'Marcellus',serif;font-size:1.04rem;line-height:1.35;color:var(--murekkep)}
.sc-soru:hover .scs-govde b{color:var(--kat)}
.scs-govde i{display:block;font-style:normal;font-size:.84rem;color:var(--gri);margin-top:4px}
.scs-alt{display:flex;gap:12px;margin-top:6px}
.scs-alt em{font-style:normal;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--altin)}
.scs-ok{color:var(--kat);font-size:1.4rem}
.sc-sayfalama{display:flex;gap:14px;align-items:center;justify-content:center;padding:26px 0 6px}
.sc-davet{margin:30px 0;text-align:center}
.sc-davet .govde{padding:30px 22px}
.sc-davet h3{font-family:'Marcellus',serif;color:var(--kat);font-size:1.25rem;margin-bottom:8px}
.sc-davet p{color:var(--gri);margin-bottom:16px}
.sd-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin:22px 0 36px}
.sd-govde .govde{padding:30px clamp(18px,3vw,34px) 30px}
.sd-govde h1{font-family:'Marcellus',serif;font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.3;color:var(--murekkep);margin-bottom:12px}
.sd-kunye{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--gri);font-size:.82rem;margin-bottom:20px}
.sd-et{display:inline-block;font-family:'Archivo',Arial,sans-serif;font-size:.68rem;font-weight:700;
  letter-spacing:.22em;background:var(--yesil-sis);color:var(--yesil-koyu);border-radius:999px;padding:5px 14px;margin-bottom:10px}
.sd-et.cevap{background:var(--yesil-koyu);color:var(--altin-2)}
.sd-soru{background:var(--fildisi);border:1px solid var(--cizgi);border-radius:10px;padding:18px 20px;margin-bottom:20px}
.sd-soru .sd-metin{font-style:italic;color:#3d362e}
.sd-soran{margin-top:10px;font-size:.8rem;color:var(--gri)}
.sd-cevap .sd-metin{line-height:1.8}
.sd-yan .govde{padding:22px 20px}
.sd-yan h3{font-family:'Marcellus',serif;color:var(--kat);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;
  border-bottom:2px solid var(--kat);padding-bottom:9px;margin-bottom:10px}
.sd-benzer{list-style:none}
.sd-benzer li{padding:8px 0;border-top:1px dotted rgba(122,90,46,.35)}
.sd-benzer li:first-child{border-top:0}
.sd-benzer a{font-size:.9rem;line-height:1.4}
.sd-benzer a:hover{color:var(--kat)}
@media(max-width:900px){.sd-duzen{grid-template-columns:1fr}}

/* Bütün Bölümler: mutlak konum — menü öğeleri hiçbir genişlikte altına giremez */
nav.menu.tezhip-zemin .ic{position:relative;padding-right:196px}
button.tumu-ac{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0}
button.tumu-ac:hover{transform:translateY(calc(-50% - 1px))}
@media(max-width:700px){nav.menu.tezhip-zemin .ic{padding-right:86px}}
/* kardes kutu kucuk gorseller */
.kardes-satir{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center}
.kardes-satir .ks-thumb{position:relative;width:74px;aspect-ratio:4/3;border-radius:6px;overflow:hidden;
  background:linear-gradient(140deg,var(--yesil-koyu),#0a2a20)}
.kardes-satir .ks-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kardes-satir.thumbsuz{grid-template-columns:1fr}

/* ===== MENÜ DÜZELTME (13 Ağu akşam): açılır menü kırpılıyordu + Tasavvuf Yolu düğme altında =====
   Sebep: ul'daki overflow-x:auto açılır alt menüyü KESIYORDU; genişlik de sınırdaydı.
   Çözüm: aralıklar daraltıldı (hepsi sığıyor), masaüstünde overflow serbest, katman sırası netlendi. */
nav.menu.tezhip-zemin{z-index:60}
nav.menu.tezhip-zemin a{font-size:.9rem;padding:15px 11px;gap:6px;letter-spacing:.03em}
nav.menu.tezhip-zemin a::after{left:11px;right:11px}
nav.menu.tezhip-zemin .ic{padding-right:188px}
nav.menu.tezhip-zemin .alt-menu{z-index:80;box-shadow:0 26px 50px -16px rgba(8,26,20,.85)}
@media(min-width:901px){
  nav.menu.tezhip-zemin .ic > ul{overflow:visible}   /* açılır menü artık kırpılmaz */
}
@media(max-width:900px){
  nav.menu.tezhip-zemin .ic > ul{overflow-x:auto}
}

/* ===== header arama ===== */
button.ara-ac{position:absolute;right:188px;top:50%;transform:translateY(-50%);width:44px;height:44px;
  display:grid;place-items:center;background:transparent;border:1px solid rgba(231,214,166,.5);
  border-radius:50%;color:var(--altin-2);cursor:pointer;transition:.2s;z-index:2}
button.ara-ac svg{width:19px;height:19px}
button.ara-ac:hover,button.ara-ac[aria-expanded="true"]{background:var(--altin);border-color:var(--altin);color:var(--yesil-koyu)}
nav.menu.tezhip-zemin .ic{padding-right:248px}
.arama-bant{background:var(--yesil-koyu);border-top:1px solid rgba(231,214,166,.3);
  border-bottom:2px solid var(--altin)}
.arama-bant form{display:flex;gap:0;padding:12px 20px;align-items:center}
.arama-bant input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(231,214,166,.4);border-right:0;
  border-radius:999px 0 0 999px;padding:12px 20px;color:var(--fildisi);font:inherit;font-size:.95rem}
.arama-bant input::placeholder{color:rgba(248,244,233,.5)}
.arama-bant input:focus{outline:none;border-color:var(--altin);background:rgba(255,255,255,.11)}
.arama-bant button[type=submit]{border:1px solid var(--altin);border-radius:0 999px 999px 0;
  background:var(--altin);color:var(--yesil-koyu);font:inherit;font-weight:700;padding:0 26px;min-height:46px;cursor:pointer}
.arama-bant .kapat{margin-left:10px;width:40px;height:40px;border-radius:50%;background:transparent;
  border:1px solid rgba(231,214,166,.4);color:var(--altin-2);cursor:pointer}
.arama-bant .kapat:hover{background:var(--altin);color:var(--yesil-koyu)}
mark{background:var(--altin-2);color:var(--yesil-koyu);border-radius:3px;padding:0 2px}
@media(max-width:700px){
  button.ara-ac{right:76px}
  nav.menu.tezhip-zemin .ic{padding-right:132px}
}

/* soru-cevap canlı öneri listesi */
.sc-ara{position:relative}
.sc-oneri{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:var(--parsomen);
  border:1.5px solid var(--kat);border-radius:14px;overflow:hidden;
  box-shadow:0 24px 48px -20px rgba(14,58,44,.5);text-align:left}
.sc-oneri a{display:block;padding:11px 18px;border-top:1px dotted rgba(122,90,46,.3)}
.sc-oneri a:first-child{border-top:0}
.sc-oneri a:hover,.sc-oneri a:focus{background:var(--yesil-sis)}
.sc-oneri b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:.94rem;line-height:1.35;color:var(--murekkep)}
.sc-oneri a:hover b{color:var(--kat)}
.sc-oneri i{font-style:normal;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--altin)}

/* arama ikonu ile Bütün Bölümler arasına nefes payı */
button.ara-ac{right:206px}
nav.menu.tezhip-zemin .ic{padding-right:266px}
@media(max-width:700px){button.ara-ac{right:84px}nav.menu.tezhip-zemin .ic{padding-right:140px}}

/* ===== YOLA GİRİŞ KÜTÜPHANESİ (rehber) ===== */
.rehber-bas{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;margin:28px 0 8px;overflow:hidden}
.rb-gorsel{margin:14px 0 14px 14px;border-radius:10px;overflow:hidden;border:1px solid var(--cizgi);min-height:280px}
.rb-gorsel svg{width:100%;height:100%;display:block;object-fit:cover}
.rb-metin{padding:34px 32px;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start}
.rb-metin h1{font-family:'Marcellus',serif;font-size:clamp(1.5rem,3vw,2.15rem);color:var(--kat);line-height:1.2}
.rb-metin p{color:#463d33}
.rehber-yol{position:relative;margin:34px 0;padding:8px 0}
.rehber-yol::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;
  background:repeating-linear-gradient(var(--altin) 0 7px, transparent 7px 15px);opacity:.6}
.rehber-durak{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 26px}
.rehber-durak .rd-kart{grid-column:1;margin-right:44px}
.rehber-durak.ters .rd-kart{grid-column:2;margin-right:0;margin-left:44px}
.rd-kandil{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:44px;height:56px;
  display:grid;place-items:center;background:var(--kagit);border:1.5px solid var(--altin);border-radius:50%;
  color:var(--altin);z-index:2}
.rd-kandil svg{width:26px;height:34px}
.rd-kart .govde{display:grid;grid-template-columns:74px 1fr;gap:16px;padding:24px 24px 22px;align-items:start}
.rd-no{font-family:'Marcellus',serif;font-size:2.6rem;line-height:1;color:var(--kat);opacity:.9;
  width:74px;height:74px;display:grid;place-items:center;border:1.5px solid var(--kat);border-radius:50%}
.rd-ust{font-family:'Archivo',Arial,sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.2em;color:var(--altin)}
.rd-ic h2{font-family:'Marcellus',serif;font-size:1.18rem;line-height:1.3;margin:6px 0 8px}
.rd-ic h2 a:hover{color:var(--kat)}
.rd-ic p{font-size:.9rem;color:var(--gri);margin-bottom:12px}
.rd-oku{font-size:.78rem;padding:9px 18px}
.rehber-son{position:relative;text-align:center;color:var(--fildisi);margin:36px 0;overflow:hidden}
.rehber-son .ic{position:relative;z-index:2;padding:40px 22px}
.rehber-son h3{font-family:'Marcellus',serif;font-size:1.35rem;color:var(--altin-2);margin-bottom:10px}
.rehber-son p{max-width:60ch;margin:0 auto 18px;color:rgba(248,244,233,.85)}
.rs-dugmeler{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.dugme.cizgili.acik{border-color:rgba(231,214,166,.6);color:var(--altin-2);background:transparent}
.dugme.cizgili.acik:hover{background:var(--altin);color:var(--yesil-koyu)}
.rehber-serit{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--yesil-sis);border:1px solid var(--yesil);border-radius:10px;
  padding:10px 16px;margin-bottom:18px;font-size:.85rem}
.rehber-serit a{color:var(--yesil);font-weight:600}
.rehber-serit b{font-family:'Archivo',Arial,sans-serif;font-size:.72rem;letter-spacing:.14em;color:var(--bakir)}
.rehber-gezinme{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 30px}
.rg{display:block;border:1.5px solid var(--yesil);border-radius:12px;padding:14px 18px;transition:.2s}
.rg.su{text-align:right}
.rg:hover{background:var(--yesil-sis);transform:translateY(-2px)}
.rg i{display:block;font-style:normal;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--altin)}
.rg b{font-family:'Marcellus',serif;font-weight:400;font-size:.98rem;color:var(--murekkep)}
.rg.bos{border:0}
@media(max-width:860px){
  .rehber-bas{grid-template-columns:1fr}
  .rb-gorsel{margin:14px 14px 0;min-height:200px}
  .rehber-yol::before{left:22px}
  .rehber-durak,.rehber-durak.ters{grid-template-columns:1fr}
  .rehber-durak .rd-kart,.rehber-durak.ters .rd-kart{grid-column:1;margin:0 0 0 52px}
  .rd-kandil{left:22px}
  .rehber-gezinme{grid-template-columns:1fr}
  .rg.su{text-align:left}
}

/* yazı boyutu ölçeği: A− / A+ düğmeleri --yazi-olcek değişkenini sürer */
.icerik-govde{--yazi-olcek:1}
.icerik-govde p,.icerik-govde li{font-size:calc(1.02rem * var(--yazi-olcek))}
.icerik-govde blockquote{font-size:calc(1.06rem * var(--yazi-olcek))}
.icerik-govde h2{font-size:calc(1.4rem * var(--yazi-olcek))}
.icerik-govde h3{font-size:calc(1.2rem * var(--yazi-olcek))}

/* site geneli canlı arama sonuç paneli */
.canli-sonuc{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:120;background:var(--parsomen);
  border:1.5px solid var(--yesil);border-radius:14px;overflow:hidden;text-align:left;
  box-shadow:0 30px 60px -22px rgba(8,26,20,.6)}
.canli-sonuc a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;
  padding:10px 14px;border-top:1px dotted rgba(122,90,46,.3)}
.canli-sonuc a:first-child{border-top:0}
.canli-sonuc a:not(:has(img)){grid-template-columns:1fr}
.canli-sonuc img{width:56px;height:42px;object-fit:cover;border-radius:6px;border:1px solid var(--cizgi)}
.canli-sonuc b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:.92rem;
  line-height:1.3;color:var(--murekkep)}
.canli-sonuc i{font-style:normal;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--altin)}
.canli-sonuc a:hover,.canli-sonuc a.secili{background:var(--yesil-sis)}
.canli-sonuc a:hover b,.canli-sonuc a.secili b{color:var(--yesil)}
.canli-sonuc .hepsi{display:block;text-align:center;font-family:'Archivo',Arial,sans-serif;
  font-size:.76rem;font-weight:700;letter-spacing:.1em;color:#F8F4E9;background:var(--yesil);padding:11px}
.canli-sonuc .hepsi:hover{background:var(--yesil-koyu)}
.arama-bant form{position:relative}

/* üst şeritte "Yola Giriş" — sitenin can damarı, altın vurgulu */
.serit nav a.yola-giris{color:var(--altin-2);border:1px solid rgba(231,214,166,.45);border-radius:999px;
  padding:4px 13px;margin-right:4px;opacity:1}
.serit nav a.yola-giris:hover{background:var(--altin);color:var(--yesil-koyu);border-color:var(--altin)}
@media(max-width:900px){.serit nav a.yola-giris{display:none}}

/* ===== YOLA GİRİŞ BANNER'I (manşet altı) ===== */
.rehber-banner{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  gap:clamp(14px,3vw,30px);margin:26px 0 4px;padding:24px clamp(18px,3.4vw,38px);
  border-radius:12px;border:1.5px solid var(--altin);overflow:hidden;
  background:linear-gradient(120deg,var(--yesil-koyu) 0%,#124534 55%,#0E3A2C 100%);
  box-shadow:0 22px 44px -28px rgba(8,26,20,.8);transition:.25s}
.rehber-banner:hover{transform:translateY(-3px);box-shadow:0 30px 56px -30px rgba(8,26,20,.9)}
.rehber-banner .agi{color:#8FC4A8;opacity:.26}
.rehber-banner .dantel-serit{color:var(--altin);opacity:.85}
.rb-kapi{position:relative;z-index:2;width:clamp(46px,5vw,62px);color:var(--altin-2);flex:none}
.rb-kapi svg{width:100%;height:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.rb-orta{position:relative;z-index:2;min-width:0}
.rb-orta i{display:block;font-style:normal;font-family:'Archivo',Arial,sans-serif;font-size:.64rem;
  font-weight:700;letter-spacing:.24em;color:var(--altin)}
.rb-orta b{display:block;font-family:'Marcellus',serif;font-weight:400;
  font-size:clamp(1.15rem,2.5vw,1.7rem);line-height:1.2;color:var(--fildisi);margin:5px 0 4px}
.rehber-banner:hover .rb-orta b{color:var(--altin-2)}
.rb-orta em{display:block;font-style:normal;font-size:.86rem;color:rgba(248,244,233,.78)}
.rb-dugme{position:relative;z-index:2;flex:none;font-family:'Marcellus',serif;font-weight:700;
  font-size:.95rem;white-space:nowrap;background:var(--altin);color:var(--yesil-koyu);
  border-radius:999px;padding:14px 26px;
  box-shadow:0 4px 0 rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.4);transition:.2s}
.rehber-banner:hover .rb-dugme{background:var(--altin-2);transform:translateY(-1px)}
@media(max-width:760px){
  .rehber-banner{grid-template-columns:auto 1fr;padding:20px 18px}
  .rb-dugme{grid-column:1 / -1;justify-self:start;margin-top:4px}
  .rb-orta em{display:none}
}

/* okuma araçları: görsel ile metin arasında ince şerit */
.okuma-cubugu{display:flex;align-items:center;gap:10px;margin:16px 0 18px;padding:10px 14px;
  background:var(--yesil-sis);border:1px solid var(--yesil);border-radius:999px;width:max-content;max-width:100%}
.okuma-cubugu span{font-family:'Archivo',Arial,sans-serif;font-size:.68rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--yesil-koyu)}
.okuma-cubugu button{min-width:42px;min-height:38px;border:1px solid var(--yesil);border-radius:999px;
  background:var(--parsomen);color:var(--yesil-koyu);font:inherit;font-weight:700;cursor:pointer;transition:.2s;padding:0 13px}
.okuma-cubugu button:hover{background:var(--yesil);color:#F2FBF6}
/* temizlenmiş içerik: Arapça ibare satırı */
.icerik-govde .arapca{font-family:'Amiri',serif;font-size:calc(1.5rem * var(--yazi-olcek,1));
  direction:rtl;text-align:center;color:var(--yesil-koyu);line-height:2.1;margin:18px 0}
.icerik-govde blockquote{margin:20px 0;padding:14px 22px;border-right:3px solid var(--altin);
  border-left:3px solid var(--altin);background:var(--fildisi);border-radius:8px;
  font-style:italic;color:#463d33}

/* şiir kıtası: mısralar bitişik, kıtalar arası normal boşluk */
.icerik-govde .kita{line-height:2;text-align:center;font-size:calc(1.06rem * var(--yazi-olcek,1))}