/* İç sayfalar (24.10): site-mercek'in sayfa sistemi (stil.css + sayfa.css) ana sayfanın diliyle.
   Zemin ana sayfanın açık arduvaz grisi; düğmeler logodaki çapraz köşeli (sol üst ve sağ alt yuvarlak), birincil düğme mercan;
   üst çubukta ana sayfadaki "Başvuru açık" lambası. Bu dosya stil.css ve sayfa.css'ten sonra yüklenir. */
:root { --kagit: #eef1f3; --kose: 14px 0 14px 0; --kose-k: 12px 0 12px 0; }

/* üst çubuk: logo | lamba | menü */
.ust-cubuk { display: grid; grid-template-columns: 1fr auto 1fr; padding: 22px clamp(18px, 4vw, 56px); }
.ust-cubuk .marka .logo { height: 36px; }
.ust-menu { justify-self: end; }
.ust-menu a, .menu-ac { border-radius: var(--kose-k); }
/* 25.10: 1100–1320 px arasında bağlantılar lambaya dayanıyordu; menü düğmesine geçiş 1320'ye çekildi, lamba ile menü arasında en az 32 px */
.ust-cubuk { column-gap: 32px; }
.ust-menu a { white-space: nowrap; }
@media (max-width: 1320px) {
  .ust-menu > a:not(.dolu) { display: none; }
  .menu-ac { display: grid; margin-left: 6px; }
  .ust-menu .dolu { order: -1; }
}
.lamba { justify-self: center; display: inline-flex; align-items: center; height: 30px; padding: 0 14px; border-radius: 8px 0 8px 0;
  font-size: 12px; font-weight: 750; letter-spacing: .22em; text-transform: uppercase; background: var(--mercan); color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 4px 14px -5px rgba(223, 103, 85, .55); white-space: nowrap; }

/* birincil düğmeler mercan, hepsi çapraz köşeli */
.ust-menu .dolu, .dok .dolu, .menu .menu-basvur, .dugme.dolu, .form button[type="submit"] { background: var(--mercan); color: #fff; }
.ust-menu .dolu { background: var(--arduvaz, #344750); }   /* 25.10: üst çubukta mercan yalnız lambada */
.ust-menu .dolu:hover, .ust-menu .dolu[aria-current="page"] { background: #24323a; color: #fff; }
.dok .dolu:hover, .menu .menu-basvur:hover, .dugme.dolu:hover, .form button[type="submit"]:hover { background: #e8775f; color: #fff; }
.ust-menu .dolu, .menu .menu-basvur, .dugme, .form button[type="submit"] { border-radius: var(--kose); }
.dugme:not(.dolu):hover { color: var(--vurgu); }

/* alt bilgi: görsel künyesi */

@media (max-width: 760px) {
  .ust-cubuk { grid-template-columns: auto 1fr; }
  .ust-cubuk .lamba { display: none; }
  .ust-cubuk .marka .logo { height: 32px; }
}

/* ---------- Kurs sayfası (24.10: "çok dağınık" bulundu) ----------
   Üstte görsel | ad, bilgiler, düğmeler. Altta iki sütun: solda anlatım ve yapılacaklar, sağda kartlar içinde ders günleri ve eğitmen.
   Görsel artık yapışık değil (alttaki bölümün üstüne biniyordu); bölümler arasında ferah boşluk ve tek ince çizgi. */
.kurs-sayfa { align-items: center; }
.kurs-gorsel { position: relative; top: auto; border-radius: 22px 0 22px 0; }
.kurs-metin .eylemler { margin-top: 24px; }
.kurs-ayrinti { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, 1fr); gap: 40px clamp(32px, 5vw, 88px); align-items: start;
  margin-top: clamp(64px, 10vh, 120px); padding-top: 48px; border-top: 1px solid var(--cizgi); }
.ayrinti-ana { display: grid; gap: 44px; max-width: 64ch; }
.ayrinti-yan { display: grid; gap: 18px; position: sticky; top: 96px; }
.kurs-ayrinti h2 { font-size: 22px; font-weight: 700; letter-spacing: -.015em; margin-bottom: 14px; }
.kurs-ayrinti .ayrinti-ana p { font-size: 18px; line-height: 1.6; }
.kurs-ayrinti .ayrinti-ana p + p { margin-top: 14px; }
.yapacak { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.yapacak li { position: relative; padding-left: 26px; font-size: 18px; line-height: 1.5; }
.yapacak li + li { margin-top: 0; }
.yapacak li::before { content: ""; position: absolute; left: 0; top: .55em; width: 10px; height: 10px; border-radius: 3px 0 3px 0; background: var(--mercan); }
.kutu { padding: 22px 24px 18px; background: rgba(255, 255, 255, .62); border-radius: 18px 0 18px 0; box-shadow: inset 0 0 0 1px rgba(52, 71, 80, .08), 0 18px 40px -30px rgba(52, 71, 80, .45); }
.kutu h2 { font-size: 18px; margin-bottom: 10px; }
.kutu .gunler li { padding: 10px 0; font-size: 15.5px; }
.kutu .gunler li:last-child { border-bottom: 0; }
.kutu .kisi + .kisi { margin-top: 12px; }
@media (max-width: 900px) {
  .kurs-ayrinti { grid-template-columns: 1fr; padding-top: 36px; }
  .ayrinti-yan { position: static; }
}

/* ---------- Başvuru (25.10) ----------
   Ana sayfanın siyah-beyaz masa fotoğrafı çapraz köşeli pano, form onun üstünde cam levha. İki numaralı adım:
   1) kurs fotoğraflı kartların yatay şeridinden seçilir; seçilenin özeti kutusuz, mercan çizgiyle karta bağlı bir bilgi satırı;
   2) bilgiler etiketi üstünde duran açık cam alanlara yazılır. Özet ile alanlar bilerek farklı görünür: biri bilgi, öbürü giriş. */
.bv { position: relative; isolation: isolate; margin: 6px 0 clamp(72px, 12vh, 130px); min-height: min(860px, calc(100svh - 110px)); display: grid; align-items: end;
  border-radius: 30px 0 30px 0; overflow: hidden; color: #fff; background: #161c20; }
.bv-foto { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 30% 60%; animation: bvYak 18s linear both; }
@keyframes bvYak { from { scale: 1; } to { scale: 1.06; } }   /* 25.10: uzaklaşma yerine yavaş yaklaşma, sitenin geri kalanıyla aynı */
.bv::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(12, 17, 20, .74) 0%, rgba(12, 17, 20, .36) 42%, rgba(12, 17, 20, .26) 64%, rgba(12, 17, 20, .52) 100%),
    linear-gradient(0deg, rgba(12, 17, 20, .55), rgba(12, 17, 20, 0) 48%); }
.bv-ic { display: grid; grid-template-columns: minmax(min-content, 1fr) minmax(600px, 820px); gap: clamp(28px, 4vw, 60px); align-items: end; padding: clamp(20px, 3.2vw, 46px); }
.bv h1 { font-size: clamp(56px, 6.8vw, 116px); font-weight: 800; letter-spacing: -.04em; line-height: .88; color: #fff; }
.bv-baslik > p { margin-top: 20px; max-width: 26ch; font-size: clamp(18px, 1.45vw, 21px); line-height: 1.4; color: rgba(255, 255, 255, .82); }
.bv-cam { min-width: 0; display: grid; gap: 18px; padding: 26px; border-radius: 26px 0 26px 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .07));
  -webkit-backdrop-filter: blur(26px) saturate(1.35); backdrop-filter: blur(26px) saturate(1.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(0, 0, 0, .18), inset 0 0 0 1px rgba(255, 255, 255, .14), 0 40px 90px -40px rgba(0, 0, 0, .7); }
/* adım başlıkları: mercan numara + ad */
.bv-adim { display: flex; align-items: center; gap: 11px; font-size: 16px; font-weight: 700; letter-spacing: -.005em; }
.bv-adim i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px 0 8px 0; background: var(--mercan); font-size: 13.5px; font-style: normal; font-weight: 750; }
.bv-ust { display: flex; justify-content: space-between; align-items: center; }
.bv-ok { display: flex; gap: 6px; }
.bv-ok button { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 10px 0 10px 0; cursor: pointer; color: #fff;
  background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); transition: background .3s, opacity .3s; }
.bv-ok button:hover { background: rgba(255, 255, 255, .2); }
.bv-ok button:disabled { opacity: .3; cursor: default; background: rgba(255, 255, 255, .1); }
.bv-ok svg { width: 8px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* kurs şeridi: kart kart kayar, sağ kenarda devamı olduğunu söyleyen solma */
.bv-serit { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: 168px; gap: 12px; padding: 2px; margin: -2px; overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 44px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 44px), transparent); }
.bv-serit::-webkit-scrollbar { display: none; }
.bv-serit.sonda { -webkit-mask-image: none; mask-image: none; }
.bv-kart { position: relative; display: grid; align-content: start; gap: 3px; padding: 6px 6px 12px; border-radius: 14px 0 14px 0; cursor: pointer; scroll-snap-align: start;
  background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); transition: background .3s, box-shadow .3s; }
.bv-kart input { position: absolute; opacity: 0; pointer-events: none; }
.bv-res { display: block; aspect-ratio: 4 / 3; margin-bottom: 8px; border-radius: 10px 0 10px 0; overflow: hidden; background: #fff; }
.bv-res img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .78; transition: opacity .35s, scale .8s var(--yay); }
.bv-kad { padding: 0 4px; font-size: 14.5px; font-weight: 700; line-height: 1.2; }
.bv-kalt { padding: 0 4px; font-size: 12.5px; color: rgba(255, 255, 255, .66); }
.bv-kart::after { content: ""; position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; border-radius: 7px 0 7px 0; opacity: 0; scale: .6; transition: opacity .3s, scale .45s var(--yay);
  background: var(--mercan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath d='m1.3 4.8 3 2.9 6.4-6.4' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
.bv-kart:hover { background: rgba(255, 255, 255, .13); }
.bv-kart:hover .bv-res img { opacity: 1; scale: 1.04; }
.bv-kart:has(input:checked) { background: rgba(255, 255, 255, .17); box-shadow: inset 0 0 0 2px var(--mercan); }
.bv-kart:has(input:checked) .bv-res img { opacity: 1; }
.bv-kart:has(input:checked)::after { opacity: 1; scale: 1; }
.bv-kart:has(input:focus-visible) { outline: 2px solid #fff; outline-offset: 2px; }
/* seçilen kursun özeti: kutu yok, alan gibi görünmez; soldaki mercan çizgi seçili kartın çerçevesiyle aynı renk */
.bv-ozet { position: relative; display: grid; gap: 10px; padding: 2px 0 2px 20px; }
.bv-ozet::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; border-radius: 2px; background: var(--mercan); }
.bv-ad { font-size: 21px; font-weight: 750; letter-spacing: -.02em; line-height: 1.2; }
.bv-ozet dl { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 34px; }
.bv-ozet dt { font-size: 12.5px; font-weight: 600; color: rgba(255, 255, 255, .58); }
.bv-ozet dd { margin: 1px 0 0; font-size: 15.5px; font-weight: 600; }
/* bilgiler: etiketi üstte, açık cam alanlar */
.bv-bilgi { display: grid; gap: 14px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .14); }
.bv-alanlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 12px; }
.bv-alanlar .tam { grid-column: 1 / -1; }
.bv-alanlar label { display: grid; gap: 7px; min-width: 0; }
.bv-alanlar label > span { font-size: 13.5px; font-weight: 650; color: rgba(255, 255, 255, .8); }
.bv-alanlar em { font-style: normal; font-weight: 500; color: rgba(255, 255, 255, .55); }
.bv-alanlar :is(input, textarea) { width: 100%; min-width: 0; height: 50px; padding: 0 14px; border: 0; border-radius: 12px 0 12px 0; font: inherit; font-size: 16px; color: #fff;
  background: rgba(255, 255, 255, .13); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); transition: background .3s, box-shadow .3s; }
.bv-alanlar textarea { display: block; height: auto; min-height: 70px; padding: 12px 14px; line-height: 1.45; resize: vertical; }
.bv-alanlar ::placeholder { color: rgba(255, 255, 255, .42); }
.bv-alanlar :is(input, textarea):hover { background: rgba(255, 255, 255, .16); }
.bv-alanlar :is(input, textarea):focus { outline: none; background: rgba(255, 255, 255, .2); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .85); }
.bv-alt { display: flex; align-items: center; gap: 14px 22px; }
.bv-alt .dugme { flex: none; height: 54px; padding: 0 32px; font-size: 16.5px; }
.bv-alt p { font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, .66); }
.bv-alt a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.bv .form-durum { min-height: 0; font-size: 14px; color: rgba(255, 255, 255, .82); }
.bv .form-durum:empty { display: none; }
@media (max-width: 1120px) { .bv { align-items: start; } .bv-ic { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) { .bv-alanlar { grid-template-columns: 1fr 1fr; } .bv-alanlar label:first-child { grid-column: 1 / -1; } }
@media (max-width: 640px) {
  .bv { border-radius: 22px 0 22px 0; }
  .bv-ic { padding: 22px 12px 12px; }
  .bv-cam { padding: 16px; }
  .bv-serit { grid-auto-columns: 148px; }
  .bv-alanlar { grid-template-columns: 1fr; }
  .bv-ozet dl { display: grid; gap: 6px; }
  .bv-ozet dl div { display: flex; justify-content: space-between; gap: 12px; }
  .bv-ozet dd { margin: 0; text-align: right; }
  .bv-alt { flex-direction: column; align-items: stretch; }
}

/* ---------- Eğitmenler (25.10) ----------
   Portre duvarı: her eğitmen uzun, siyah-beyaz bir portre kartı; üstte mercan program hapı (ana sayfadaki lamba gibi),
   altta cam levhada unvan, ad durumu ve verdiği kurslar. Kartlar eşit hizada (25.10: kaydırılmış orta sütun dengesiz bulundu);
   cam levhalar her kartta aynı yükseklikte, kurs listesi en çok iki satır.
   Ad açıklanana kadar görsel temsilîdir ve yüz görünmez; yönetim paneli fotoğraf yükleyince o görünür. */
.egp-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 36px); align-items: start; }
.egp a { position: relative; isolation: isolate; display: block; overflow: hidden; border-radius: 28px 0 28px 0; background: #161c20; color: #fff;
  box-shadow: 0 2px 4px rgba(22, 28, 32, .06), 0 50px 90px -60px rgba(22, 28, 32, .8); }
.egp-foto { margin: 0; aspect-ratio: 4 / 5; }
.egp-foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: scale 1.6s var(--yay); }
.egp a::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(0deg, rgba(10, 14, 17, .74) 0%, rgba(10, 14, 17, .28) 36%, rgba(10, 14, 17, 0) 58%); }
.egp-program { position: absolute; z-index: 2; top: 18px; left: 18px; display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 8px 0 8px 0;
  background: var(--mercan); color: #fff; font-size: 11.5px; font-weight: 750; letter-spacing: .2em; text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 4px 14px -5px rgba(223, 103, 85, .55); }
.egp-yazi { position: absolute; z-index: 2; left: 12px; right: 12px; bottom: 12px; display: grid; gap: 4px; padding: 18px 20px 17px; border-radius: 20px 0 20px 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .06));
  -webkit-backdrop-filter: blur(22px) saturate(1.3); backdrop-filter: blur(22px) saturate(1.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 0 0 1px rgba(255, 255, 255, .12); transition: background .5s, translate .8s var(--yay); }
.egp-unvan { font-size: clamp(21px, 1.75vw, 27px); font-weight: 750; letter-spacing: -.022em; line-height: 1.08; color: #fff; }
.egp-ad { font-size: 14px; color: rgba(255, 255, 255, .7); }
.egp-kurslar { margin-top: 10px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, .16); font-size: 14px; line-height: 1.45; font-weight: 550; color: rgba(255, 255, 255, .88);
  min-height: calc(2.9em + 11px); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.egp-unvan { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.egp-kurslar span { color: rgba(255, 255, 255, .45); }
.egp a:hover .egp-foto img { scale: 1.05; }
.egp a:hover .egp-yazi { translate: 0 -4px; background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .09)); }
.egp a:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 4px; }
/* ekrana girince sırayla belirir: fotoğraf alttan açılır, kart hafifçe yükselir */
.egp { opacity: 0; translate: 0 40px; transition: opacity 1s var(--yay), translate 1.2s var(--yay); transition-delay: calc(var(--s) * 110ms); }
.egp.gorundu { opacity: 1; translate: 0 0; }
.egp.gorundu .egp-foto img { animation: egpAc 1.4s var(--yay) calc(var(--s) * 110ms) backwards; }
@keyframes egpAc { from { scale: 1.12; } }
/* kapanış */
.egp-son { margin-top: clamp(96px, 14vh, 170px); padding-top: clamp(40px, 6vh, 64px); border-top: 1px solid var(--cizgi); display: grid; gap: 24px; justify-items: start; }
.sayfa .egp-son h2 { max-width: 18ch; font-size: clamp(34px, 4.4vw, 68px); font-weight: 800; letter-spacing: -.035em; line-height: .98; }
.egp-son .eylemler { margin-top: 4px; }
.egp-dip { font-size: 14px; color: var(--soluk); }
/* eğitmen sayfası başı: portre */
.egitmen-bas .avatar.portre { width: clamp(160px, 17vw, 250px); aspect-ratio: 4 / 5; }
.egitmen-bas .avatar.portre img { width: 100%; height: 100%; object-fit: cover; border-radius: 22px 0 22px 0; mix-blend-mode: normal; box-shadow: 0 40px 70px -45px rgba(22, 28, 32, .8); }
@media (max-width: 1000px) {
  .egp-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .egp-izgara { grid-template-columns: 1fr; gap: 22px; }
}
@media (prefers-reduced-motion: reduce) { .egp { opacity: 1; translate: none; transition: none; } .egp.gorundu .egp-foto img { animation: none; } }


/* ---------- Duyurular: bülten (25.10) ----------
   En yeni duyuru ana sayfadaki hero gibi karanlık ve sinematik: siyah-beyaz vitrin fotoğrafı, altta koyu gradyan, beyaz başlık,
   sol üstte mercan noktalı "Yeni". Gerisi editoryal satır: tarih küçük ve koyu mercan, başlık büyük, özet arduvaz; üstüne gelince
   sağda karesi belirir (ana sayfadaki yayın akışı gibi). Lamba hapı yalnız üst çubukta kalır; burada tekrar edilmez. */
.duyuru-liste { list-style: none; margin: 0; padding: 0; }
.bulten-bas { margin: 0 0 clamp(28px, 4vh, 48px); }
.manset { position: relative; display: block; overflow: hidden; border-radius: var(--kose); background: #0f1417; color: #fff; aspect-ratio: 21 / 9;
  box-shadow: 0 0 0 1px rgba(52, 71, 80, .08), 0 40px 80px -48px rgba(52, 71, 80, .6); isolation: isolate; }
.manset img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; filter: saturate(0);
  transform: scale(1.02); transition: transform 1.6s cubic-bezier(.2, .8, .2, 1); }
.manset:hover img { transform: scale(1.055); }
.manset::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(0deg, rgba(8, 12, 14, .86) 0%, rgba(8, 12, 14, .42) 38%, rgba(8, 12, 14, .06) 62%, transparent 100%),
              linear-gradient(90deg, rgba(8, 12, 14, .32), transparent 55%); }
.manset__yeni { position: absolute; z-index: 2; left: clamp(18px, 2.6vw, 36px); top: clamp(16px, 2.2vw, 30px); display: inline-flex; align-items: center; gap: 9px;
  font-size: 12px; font-weight: 750; letter-spacing: .2em; text-transform: uppercase; color: #fff; }
.manset__yeni i { width: 10px; height: 10px; border-radius: 50%; background: var(--mercan); }
.manset__tarih { position: absolute; z-index: 2; right: clamp(18px, 2.6vw, 36px); top: clamp(16px, 2.2vw, 30px); font-size: 15px; font-weight: 550; color: rgba(255, 255, 255, .86);
  font-variant-numeric: lining-nums tabular-nums; }
.manset__metin { position: absolute; z-index: 2; left: clamp(18px, 2.6vw, 36px); right: clamp(18px, 2.6vw, 36px); bottom: clamp(18px, 3vw, 40px); display: grid; gap: 12px; }
.manset__baslik { display: block; max-width: 17ch; font-size: clamp(30px, 4.4vw, 68px); font-weight: 750; line-height: .96; letter-spacing: -.035em; color: #fff; }
.manset__ozet { display: block; max-width: 52ch; font-size: clamp(16px, 1.25vw, 19px); line-height: 1.4; color: rgba(255, 255, 255, .84); }
/* tek duyuru sayfası: başlık fotoğrafın içinde, tarih üstünde */
.manset--tek { aspect-ratio: 21 / 8; margin: clamp(24px, 5vh, 56px) 0 clamp(36px, 6vh, 64px); cursor: default; }
.manset--tek img { transform: none; }
.manset--tek .manset__tarih { position: static; display: block; margin-bottom: 6px; }
.manset--tek h1.manset__baslik { margin: 0; max-width: 20ch; font-size: clamp(30px, 4.2vw, 64px); }
.sayfa .manset--tek + .metin { margin-top: 0; }

.bulten-satir { position: relative; display: grid; grid-template-columns: minmax(130px, 1fr) minmax(0, 4fr) minmax(200px, 1.5fr); gap: 8px 32px; align-items: baseline; padding: clamp(24px, 3.2vh, 36px) 0;
  border-top: 1px solid var(--cizgi); color: inherit; text-decoration: none; }
.duyuru-liste li:last-child .bulten-satir { border-bottom: 1px solid var(--cizgi); }
.bulten-satir time { font-size: 15px; font-weight: 650; color: var(--vurgu); font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
.bulten-govde { display: grid; gap: 8px; max-width: 60ch; }
.bulten-satir .baslik-d { display: block; font-size: clamp(24px, 2.7vw, 40px); font-weight: 650; letter-spacing: -.028em; line-height: 1.05; transition: color .3s; }
.bulten-satir .ozet-d { display: block; font-size: 17px; line-height: 1.5; color: rgba(52, 71, 80, .84); }
.bulten-satir:hover .baslik-d { color: var(--vurgu); }
.bulten-kare { grid-column: 3; align-self: center; justify-self: end; width: clamp(200px, 20vw, 300px); aspect-ratio: 16 / 9; overflow: hidden;   /* kendi sütununda: metnin üstüne binmez */
  border-radius: var(--kose-k); background: #0f1417; opacity: 0; scale: .94; pointer-events: none; transition: opacity .35s, scale .6s cubic-bezier(.2, .8, .2, 1);
  box-shadow: 0 24px 48px -28px rgba(52, 71, 80, .6); }
.bulten-kare img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0); }
.bulten-satir:hover .bulten-kare { opacity: 1; scale: 1; }
@media (max-width: 860px) {
  .manset { aspect-ratio: 4 / 5; }
  .manset--tek { aspect-ratio: 4 / 4; }
  .manset__baslik { font-size: clamp(28px, 8vw, 40px); }
  .manset__ozet { font-size: 15px; }
  .manset__tarih { font-size: 13px; }
  .bulten-satir { grid-template-columns: 1fr; gap: 6px; padding: 22px 0; }
  .bulten-satir .baslik-d { font-size: 24px; }
  .bulten-satir .ozet-d { font-size: 16px; }
  .bulten-kare { display: none; }
}
@media (prefers-reduced-motion: reduce) { .manset img, .manset:hover img { transform: none; transition: none; } }