/* Bal Gibi Muhabbet, görünüm. Yazı tipleri: Fraunces (Barış Özcan ile aynı), Bebas Neue (menü ve etiketler). */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Bebas+Neue&display=swap');

:root{
  /* Baldaner Vakfı renkleri: lacivert zemin, açık mavi başlıklar, kırmızı vurgu. (--krem değişkeni artık ana metin rengidir, --bal artık kırmızı, --lacivert artık mavi) */
  --zemin:#0a1830; --zemin2:#0e2242; --kart:#152d52; --cizgi:#2c4a6e;
  --krem:#eef2f6; --soluk:#93a7bd; --bal:#e6434b; --bal2:#ff8489; --lacivert:#3d8fe0; --ust:rgba(10,24,48,.88);
  --serif:"Fraunces","Iowan Old Style",Georgia,serif; --etiket:"Bebas Neue","Oswald",Impact,sans-serif;
  --icerik:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--krem);font-family:var(--serif);font-size:19px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--bal2);text-decoration:none} a:hover{color:#fff}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:0 0 .4em}
h1{font-size:clamp(34px,5vw,58px)} h2{font-size:clamp(28px,3.6vw,42px)} h3{font-size:22px}
p{margin:0 0 1em}
.icerik{max-width:var(--icerik);margin:0 auto;padding:0 24px}
.ust-etiket,.cip,.kart-meta,.ok-baglanti,.dinle-dugme,.sekme,.kume-sayi,.konu-tur,.konu-durum,.konu-no,.sure,.zd,.buton{font-family:var(--etiket);letter-spacing:.08em;text-transform:uppercase}
.ust-etiket{color:var(--bal);font-size:17px;margin:0 0 14px}
.soluk{color:var(--soluk)}

/* Üst bar */
.ust{position:sticky;top:0;z-index:50;background:var(--ust,rgba(12,12,10,.86));backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
.ust .icerik{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.logo{font-family:var(--etiket);font-size:26px;letter-spacing:.12em;color:var(--krem);display:flex;align-items:center;gap:10px;white-space:nowrap;line-height:1}
.logo i{width:12px;height:12px;border-radius:50%;background:var(--bal);display:inline-block;box-shadow:0 0 0 4px rgba(230,67,75,.28)}
#menu{display:flex;gap:17px;list-style:none;margin:0;padding:0;white-space:nowrap}
#menu a{font-family:var(--etiket);font-size:17px;letter-spacing:.04em;color:var(--krem);padding:6px 0;border-bottom:2px solid transparent}
#menu a:hover,#menu a.aktif{border-color:var(--bal);color:#fff}
.buton{display:inline-block;background:var(--bal);color:#111;padding:10px 18px;border-radius:6px;font-size:18px}
.buton:hover{background:var(--bal2);color:#000}
#menu-dugme{display:none;background:none;border:1px solid var(--cizgi);color:var(--krem);font-family:var(--etiket);font-size:18px;letter-spacing:.1em;padding:8px 12px;border-radius:6px}

/* Slider: Huberman Lab tarzı, yuvarlak köşeli, kenarlardan taşan kart karuseli */
#slider{position:relative;background:var(--zemin);padding:36px 0 8px}
.slider-izleme{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0 11%}
.slider-izleme::-webkit-scrollbar{display:none}
.slayt{position:relative;flex:0 0 78%;scroll-snap-align:center;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;border:2px solid var(--bal)}
.slayt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,24,.08) 0%,rgba(6,14,24,.30) 50%,rgba(6,14,24,.88) 100%)}
.slayt-icerik{position:relative;z-index:2;width:100%;padding:0 40px 34px}
.slayt-icerik h2{font-size:clamp(24px,3.2vw,38px);max-width:20ch;text-shadow:0 2px 24px rgba(0,0,0,.5);margin:0 0 .3em}
.slayt-ozet{max-width:60ch;color:#dfe6ec;font-size:17px}
.ok-baglanti{color:var(--krem);font-size:19px;border-bottom:2px solid var(--bal);padding-bottom:2px}
.ok-baglanti:hover{color:var(--bal2)}
.slider-kontrol{max-width:var(--icerik);margin:18px auto 0;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.slider-oklar{display:flex;gap:10px}
.slider-ok{background:none;border:1px solid var(--cizgi);color:var(--krem);width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.slider-ok:hover{background:var(--bal);color:#fff;border-color:var(--bal)}
.noktalar{display:flex;gap:8px;align-items:center}
.nokta{width:8px;height:8px;border:0;border-radius:50%;background:var(--cizgi);cursor:pointer;padding:0;transition:width .25s,border-radius .25s}
.nokta.aktif{background:var(--bal);width:22px;border-radius:4px}

/* Bölümler */
.bolum-kesit{padding:72px 0 40px}
.kesit-bas{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.kesit-bas p{margin:0;color:var(--soluk)}
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
.kart{display:block;color:var(--krem);background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s,border-width .25s}
.kart:hover{transform:translateY(-4px);border-width:2px;border-color:var(--bal);color:var(--krem)}
.kart-gorsel{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.kart-gorsel img{width:100%;height:100%;object-fit:cover}
.sure{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.7);color:#fff;font-size:15px;padding:3px 8px;border-radius:4px;letter-spacing:.05em}
.kart-meta{display:flex;align-items:center;gap:12px;padding:14px 18px 0;font-size:15px;color:var(--soluk)}
.cip{display:inline-block;font-size:15px;padding:3px 9px;border-radius:4px;background:#2a2619;color:var(--bal2);border:1px solid #3a3320}
.cip-konuk{background:#1f2a2a;color:#8fd3c7;border-color:#2c3f3d}
.kart h3{padding:10px 18px 4px;font-size:22px;line-height:1.2}
.kart-kume{padding:0 18px 18px;margin:0;color:var(--soluk);font-size:16px}

/* Kümeler */
.kumeler{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.kume{display:block;background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:22px;color:var(--krem);min-height:210px;position:relative;transition:border-color .25s,border-width .25s}
.kume:hover{border-width:2px;border-color:var(--bal);color:var(--krem)}
.kume h3{font-size:21px;margin:14px 0 8px}
.kume p{color:var(--soluk);font-size:16px;margin:0 0 14px}
.kume-harf{font-family:var(--etiket);font-size:22px;color:var(--bal);width:38px;height:38px;border:1px solid var(--bal);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.kume-sayi{font-size:15px;color:var(--soluk)}

/* Hakkında kesiti */
.hakkinda{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:center;padding:72px 0}
.hakkinda img{border-radius:14px;border:1px solid var(--cizgi)}
.hakkinda .buyuk{font-size:clamp(24px,2.6vw,32px);line-height:1.35}
#sayac{font-size:18px;color:var(--soluk);margin-top:22px;padding-top:22px;border-top:1px solid var(--cizgi)}
#sayac b{color:var(--bal2);font-weight:500}

/* Abone şeridi */
.abone{background:var(--zemin2);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:44px 0;margin-top:40px}
.abone .icerik{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.abone h2{font-size:28px;margin:0}
.platformlar{display:flex;gap:12px;flex-wrap:wrap}
.dinle-dugme{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cizgi);color:var(--krem);padding:10px 16px;border-radius:8px;font-size:18px;background:var(--kart)}
.dinle-dugme:hover{border-color:var(--bal);color:var(--bal2)}
.dinle-dugme .ikon{width:18px;height:18px;flex:none}

/* Alt bilgi */
.alt{padding:48px 0 32px;color:var(--soluk);font-size:16px}
.alt .icerik{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.alt h4{font-family:var(--etiket);letter-spacing:.1em;font-weight:400;color:var(--krem);font-size:18px;margin:0 0 12px}
.alt ul{list-style:none;margin:0;padding:0} .alt li{margin:6px 0}
.alt a{color:var(--soluk)} .alt a:hover{color:var(--bal2)}
.alt-cizgi{border-top:1px solid var(--cizgi);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:15px}

/* Sayfa başlığı */
.sayfa-bas{padding:64px 0 28px;border-bottom:1px solid var(--cizgi);margin-bottom:36px}
.sayfa-bas p{color:var(--soluk);max-width:70ch;font-size:20px}

/* Filtreler */
#filtreler{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-bottom:28px}
.cip-grup{display:flex;flex-wrap:wrap;gap:8px}
.cip-grup .cip{cursor:pointer;background:transparent;color:var(--soluk);border-color:var(--cizgi);font-size:16px;padding:6px 12px}
.cip-grup[data-k="kume"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;width:100%}
.cip-grup[data-k="kume"] .cip{padding:18px 16px;font-size:16px;line-height:1.3;text-align:left;white-space:normal;border-radius:10px}
.cip-grup .cip.aktif,.cip-grup .cip:hover{background:var(--bal);color:#111;border-color:var(--bal)}
.filtre-sag{margin-left:auto;display:flex;gap:10px}
#filtreler input,#filtreler select,#dok-ara,.form input,.form textarea{background:var(--kart);border:1px solid var(--cizgi);color:var(--krem);font-family:var(--serif);font-size:17px;padding:9px 12px;border-radius:8px}
#sonuc-sayisi{font-family:var(--etiket);letter-spacing:.08em;color:var(--soluk);margin-bottom:14px}
.bos{color:var(--soluk);padding:40px 0}
.konu-izgara{width:100%}
.konu-kutular{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.konu-kutu-ogesi{cursor:pointer;text-align:left;background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;padding:0;color:var(--krem);font-family:var(--serif);transition:border-color .25s,border-width .25s}
.konu-kutu-ogesi:hover{border-color:var(--bal)}
.konu-kutu-gorsel{aspect-ratio:16/9;background:var(--zemin2);border-bottom:1px solid var(--cizgi)}
.konu-kutu-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.konu-kutu-govde{padding:14px 16px 16px}
.konu-kutu-govde h3{margin:0;font-size:17px;line-height:1.3;font-weight:400}
.konu-kutu-ogesi.aktif{border-color:var(--lacivert);border-width:2px}
.konu-kutu-alt{display:block;font-family:var(--etiket);letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--soluk);margin-top:8px}
.konu-kutu-ogesi.aktif .konu-kutu-alt{color:var(--lacivert)}
.sayfalama{display:flex;gap:8px;justify-content:center;margin:18px 0 4px}
.sayfa-dugme{width:36px;height:36px;border-radius:50%;border:1px solid var(--cizgi);background:transparent;color:var(--krem);font-family:var(--etiket);font-size:15px;letter-spacing:.04em;cursor:pointer}
.sayfa-dugme:hover{border-color:var(--bal)}
.sayfa-dugme.aktif{background:var(--lacivert);border-color:var(--lacivert);color:#07203a}

/* Konular */
#konu-ozet{font-size:20px;color:var(--soluk)} #konu-ozet b{color:var(--bal2);font-weight:500}
.konu-kume{margin:44px 0}
.konu-kume header{display:flex;align-items:center;gap:18px;margin-bottom:14px}
.konu-kume header h2{font-size:30px;margin:0} .konu-kume header p{margin:0;color:var(--soluk);font-size:17px}
.konu-kume header .kume-sayi{margin-left:auto}
.konu-satirlar{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.konu-satir{display:grid;grid-template-columns:52px 1fr 150px 190px;gap:16px;align-items:center;padding:14px 6px;border-bottom:1px solid var(--cizgi);font-size:19px}
.konu-satir.planlandi .konu-ad{color:#d5cdb8}
.konu-satir.yayinda .konu-ad a{color:var(--krem);border-bottom:1px solid var(--bal)}
.konu-no{color:var(--bal);font-size:18px}
.konu-not{display:block;font-size:15px;color:var(--soluk);font-style:italic}
.konu-tur,.konu-durum{font-size:15px;color:var(--soluk)}
.konu-satir.yayinda .konu-durum{color:var(--bal2)}

/* Dökümanlar */
.dokuman{padding:24px 0;border-bottom:1px solid var(--cizgi)}
.dok-bas{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}
.dok-bas h3{margin:0;font-size:24px}
.dok-bas .cip{margin-left:auto}
.dokuman p{color:#d5cdb8;max-width:80ch}

/* Tek bölüm */
#bolum{max-width:900px;margin:0 auto;padding:56px 24px 40px}
.video-kutu{aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--cizgi);margin:28px 0 18px}
.video-kutu iframe{width:100%;height:100%;border:0}
.video-yer{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:end;justify-content:center;padding:20px}
.video-yer span{background:rgba(0,0,0,.7);color:var(--krem);font-family:var(--etiket);letter-spacing:.08em;padding:8px 14px;border-radius:6px}
.dinle{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.sekmeler{display:flex;gap:6px;border-bottom:1px solid var(--cizgi)}
.sekme{background:none;border:0;color:var(--soluk);font-size:19px;padding:12px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.sekme.aktif{color:var(--krem);border-color:var(--bal)}
.sekme-icerik{display:none;padding:28px 0} .sekme-icerik.aktif{display:block}
.giris{font-size:22px;line-height:1.5}
.sekme-icerik ul{padding-left:22px} .sekme-icerik li{margin:8px 0}
.zaman{list-style:none;padding:0;margin:0} .zaman li{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid var(--cizgi)}
.zd{color:var(--bal);min-width:64px}
.ilgili-baslik{margin-top:44px;padding-top:28px;border-top:1px solid var(--cizgi)}
#bolum .kartlar{grid-template-columns:repeat(3,1fr)}

/* Metin sayfaları */
.metin{max-width:820px;margin:0 auto;padding:0 24px 60px}
.metin h2{font-size:30px;margin-top:40px}
.metin p,.metin li{color:#e2dac6}
.form{display:grid;gap:14px;max-width:620px;margin-top:24px}
.form label{display:grid;gap:6px;font-size:17px;color:var(--soluk)}
.form .onay{display:flex;gap:10px;align-items:flex-start;font-size:16px}
.form button{justify-self:start}
.not-kutu{background:var(--kart);border:1px solid var(--cizgi);border-left:3px solid var(--bal);padding:16px 18px;border-radius:8px;color:var(--soluk);font-size:17px}

/* Duyarlılık */
@media (max-width:1000px){
  .kartlar,#bolum .kartlar{grid-template-columns:repeat(2,1fr)}
  .kumeler{grid-template-columns:repeat(2,1fr)}
  .hakkinda{grid-template-columns:1fr;gap:28px}
  .hakkinda img{max-width:320px}
  .alt .icerik{grid-template-columns:1fr 1fr}
}
@media (max-width:1100px){
  #menu-dugme{display:block}
  #menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--zemin);border-bottom:1px solid var(--cizgi);flex-direction:column;gap:0;padding:8px 24px 16px;white-space:normal}
  #menu.acik{display:flex}
  #menu a{display:block;padding:12px 0;border-bottom:1px solid var(--cizgi);font-size:22px}
}
@media (max-width:720px){
  body{font-size:18px}
  .ust .buton{display:none}
  .logo{font-size:21px;letter-spacing:.08em}
  .ust .icerik{height:60px;padding:0 16px}
  #menu-dugme{font-size:16px;padding:7px 10px}
  .icerik{padding:0 16px}
  .cip-grup .cip{font-size:14px;padding:5px 10px}
  #slider{padding:20px 0 4px}
  .slider-izleme{padding:0 6%;gap:12px}
  .slayt{flex-basis:90%;aspect-ratio:4/5}
  .slayt-icerik{padding:0 22px 24px}
  .slider-kontrol{padding:0 16px}
  .kartlar,#bolum .kartlar,.kumeler{grid-template-columns:1fr}
  .konu-satir{grid-template-columns:44px 1fr;gap:6px 12px}
  .konu-tur{grid-column:2}
  .konu-durum{grid-column:2}
  .alt .icerik{grid-template-columns:1fr}
  .filtre-sag{margin-left:0;width:100%}
  #filtreler input{flex:1}
}

/* Fotoğraflar */
.genis-foto{margin:36px 0 8px}
.genis-foto img{width:100%;border-radius:14px;border:1px solid var(--cizgi)}
.genis-foto figcaption{font-size:16px;color:var(--soluk);margin-top:10px;font-style:italic}
.abone-sol{display:flex;align-items:center;gap:16px}
.mini-portre{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--bal)}
.hakkinda img{width:100%;height:auto;object-fit:contain}
.slayt{background-position:left center}
.hakkinda.ust-hiza{align-items:start;padding-bottom:12px}
.metin{padding-top:8px}

/* Ana sayfa hakkında: yatay fotoğraf tam görünür, iki eşit sütun */
.hakkinda.yatay{grid-template-columns:1.15fr 1fr;gap:48px;align-items:stretch}
.foto-kutu{position:relative;min-height:240px}
.foto-kutu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;border-radius:14px;border:1px solid var(--cizgi)}
@media (max-width:1000px){
  .hakkinda.yatay{grid-template-columns:1fr}
  .foto-kutu{position:static;min-height:0}
  .foto-kutu img{position:static;height:auto;max-width:none}
}

/* ---- Baldaner Vakfı mavi + kırmızı tema ---- */
h1,h2,h3,.alt h4{color:var(--lacivert)}
.logo{color:var(--lacivert)}
#menu a{color:var(--lacivert)}
.buton{background:var(--lacivert);color:#07203a}.buton:hover{background:#6fb3ec;color:#07203a}
.slayt-icerik,.slayt-icerik h2,.slayt .ok-baglanti{color:#f7f9fb}.slayt .ust-etiket{color:#ff8a8f}
.cip{background:#e3f0fa;color:#00538a;border-color:#bfdcf0}
.cip-konuk{background:#fbe6e7;color:#a81319;border-color:#f2c1c4}
.cip-grup .cip{background:transparent;color:var(--soluk);border-color:var(--cizgi)}
.cip-grup .cip.aktif,.cip-grup .cip:hover{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.konu-satir.planlandi .konu-ad,.dokuman p,.metin p,.metin li{color:#c9d3de}
.kart{box-shadow:0 1px 3px rgba(0,0,0,.3)}.kart:hover{box-shadow:0 10px 30px rgba(61,143,224,.22);color:var(--krem)}
.kume:hover{color:var(--krem)}
.video-yer span{background:rgba(6,28,48,.85);color:#fff}
.sekme.aktif{color:var(--lacivert)}
.ok-baglanti{color:var(--lacivert)}.ok-baglanti:hover{color:var(--bal2)}
.alt{background:var(--zemin2);border-top:1px solid var(--cizgi)}
.abone{background:var(--zemin2)}

/* Konu kutuları: görselli */
.kume{padding:0;overflow:hidden;min-height:0}
.kume-gorsel{position:relative;aspect-ratio:16/9;background:var(--zemin2);border-bottom:1px solid var(--cizgi)}
.kume-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.kume-gorsel .kume-harf{position:absolute;left:14px;top:14px;background:var(--kart);width:34px;height:34px;font-size:19px}
.kume-govde{padding:16px 20px 20px}
.kume-govde h3{margin:0 0 6px}

/* Hakkımda: ofis fotoğrafı sağ sütunda, paragrafların altında, sütun genişliğinde */
.sutun-foto{margin:20px 0 0}
.sutun-foto img{width:100%;height:auto;display:block}

/* Hakkımda: sağ sütun tek blok (paragraflar, fotoğraf, devam yazıları, form) */
.hakkinda.ust-hiza .metin{max-width:none;padding:8px 0 0}
.hakkinda.ust-hiza .metin h2{margin-top:36px}
.hakkinda.ust-hiza .form{max-width:none}
.hakkinda.ust-hiza{padding-bottom:60px}

/* Ana sayfa: arama kesiti */
.arama{padding:64px 0 8px;text-align:center}
.rozet{display:inline-block;border:2px solid var(--lacivert);color:var(--lacivert);border-radius:999px;padding:10px 28px;font-family:var(--etiket);letter-spacing:.08em;text-transform:uppercase;font-size:14px;margin-bottom:26px}
.rozet:hover{background:var(--lacivert);color:#07203a}
.arama h2{font-size:42px;margin:0 0 12px}
.arama .soluk{max-width:560px;margin:0 auto 30px;font-size:17px}
.arama-kutu{max-width:620px;margin:0 auto;display:flex;align-items:center;gap:8px;background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:6px 6px 6px 22px}
.arama-kutu input{flex:1;min-width:0;border:0;background:none;font-family:var(--serif);font-size:18px;padding:14px 0;color:var(--krem)}
.arama-kutu input:focus{outline:none}
.arama-kutu button{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--lacivert);color:#07203a;border:0;border-radius:10px;padding:10px 22px;font-family:var(--etiket);letter-spacing:.06em;text-transform:uppercase;font-size:12px;cursor:pointer;flex:none}
.arama-kutu button svg{width:18px;height:18px}
.arama-kutu button:hover{background:#6fb3ec}
@media (max-width:600px){
  .arama h2{font-size:30px}
  .arama-kutu{padding:6px 6px 6px 16px}
  .arama-kutu button span{display:none}
}