/*
Theme Name: Yeni Demokrasi
Author: MPS
Author URI: https://mainpagestudio.com/
Description: Yeni Demokrasi Gazetesi için mobil öncelikli, modern haber teması: kırmızı tonlu manşet, kategori hikayeleri, yuvarlak köşeli kartlar, okuma odaklı haber sayfası.
Version: 2.0.0
Requires PHP: 8.0
Text Domain: yenidemokrasi
*/

:root {
	--kirmizi: #C8102E;
	--kirmizi-2: #A50D26;
	--kirmizi-acik: #FCEDEF;
	--murekkep: #111111;
	--gri: #5F6368;
	--cizgi: #ECECEC;
	--yumusak: #F4F4F5;
	--krem: #FDF6E3;
	--zemin: #FFFFFF;
	--r: 12px;
	--baslik: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--govde: "Oxygen", system-ui, -apple-system, "Segoe UI", sans-serif;
	--okuma: var(--govde);
	--ust: var(--wp-admin--admin-bar--height, 0px);
	--altbar: calc(60px + env(safe-area-inset-bottom));
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--ust) + 80px); }
body { margin: 0; background: var(--zemin); color: var(--murekkep); font-family: var(--govde); font-size: 16px; line-height: 1.5; padding-bottom: var(--altbar); overflow-x: clip; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--kirmizi); }
button { font: inherit; color: inherit; cursor: pointer; }
:focus-visible { outline: 2px solid var(--kirmizi); outline-offset: 2px; }
h1, h2, h3 { margin: 0; font-family: var(--baslik); }

.yd-kap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 16px; }
.yd-kaydir { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.yd-kaydir::-webkit-scrollbar { display: none; }
.yd-gizli, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.yd-atla { position: absolute; left: 8px; top: -60px; z-index: 200; background: var(--murekkep); color: #fff; padding: 10px 14px; }
.yd-atla:focus { top: 8px; color: #fff; }
.yd-masa { display: none !important; }

/* ---------- Düğmeler ve küçük parçalar ---------- */
.yd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 20px; border-radius: 999px; border: 1px solid transparent; font-family: var(--baslik); font-size: 14px; font-weight: 600; white-space: nowrap; transition: background .2s, color .2s, border-color .2s; }
.yd-btn-kirmizi { background: var(--kirmizi); color: #fff; }
.yd-btn-kirmizi:hover { background: var(--kirmizi-2); color: #fff; }
.yd-btn-cizgi { border-color: #D9D9D9; background: #fff; }
.yd-btn-cizgi:hover { border-color: var(--murekkep); color: var(--murekkep); }
.yd-btn-beyaz { background: #fff; color: var(--kirmizi); }
.yd-btn-beyaz:hover { background: var(--murekkep); color: #fff; }
.yd-ikon { width: 44px; height: 44px; display: inline-grid; place-items: center; border: 0; border-radius: 50%; background: transparent; padding: 0; flex: none; transition: background .2s; }
.yd-ikon:hover { background: var(--yumusak); color: var(--murekkep); }

.yd-pill { position: relative; z-index: 2; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--k, var(--kirmizi)) 11%, #fff); color: var(--k, var(--kirmizi)); font-family: var(--baslik); font-size: 12.5px; font-weight: 500; line-height: 1.5; }
.yd-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
a.yd-pill:hover { background: var(--k, var(--kirmizi)); color: #fff; }
.yd-meta { position: relative; z-index: 2; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: 13px; color: var(--gri); }
.yd-meta b { font-family: var(--baslik); font-weight: 500; color: var(--murekkep); }
.yd-meta-a { width: 22px; height: 22px; border-radius: 50%; display: inline-grid; place-items: center; background: linear-gradient(135deg, var(--kirmizi), #F59E0B); color: #fff; font-family: var(--baslik); font-size: 11px; font-weight: 700; }
.yd-meta-n { display: inline-flex; align-items: center; gap: 4px; }
.yd-meta-n::before { content: "·"; margin-right: 2px; color: #B5B5B5; }
.yd-meta > .yd-meta-n:first-child::before { content: none; }
.yd-kat { display: inline-block; font-family: var(--baslik); font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--k, var(--kirmizi)); }
.yd-tarih { font-size: 12.5px; color: var(--gri); }
.yd-g-bos { display: grid !important; place-items: center; background-color: var(--k, #2b2b2b); background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.08) 0 2px, transparent 2px 12px); color: rgba(255,255,255,.55); font-family: var(--baslik); font-weight: 800; font-size: 40px; }
.yd-bos { padding: 32px 0; color: var(--gri); font-size: 17px; }

/* ---------- Başlık ---------- */
.yd-baslik { position: sticky; top: var(--ust); z-index: 50; background: rgba(255,255,255,.96); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--cizgi), 0 6px 20px -16px rgba(0,0,0,.4); }
.yd-baslik-ic { display: flex; align-items: center; gap: 8px; height: 60px; padding-left: 6px; padding-right: 6px; }
.yd-logo { display: flex; align-items: center; min-width: 0; }
.yd-baslik-ic > .yd-logo { margin: 0 auto; }
.yd-logo-img { height: 31px; width: auto; }
.yd-logo-vid { display: block; flex: none; width: auto; max-width: none; aspect-ratio: 960 / 160; pointer-events: none; } /* şeffaf WebP */
.yd-logo picture { display: block; flex: none; }
.yd-logo:has(.yd-logo-vid) { flex-shrink: 0; }
.yd-logo-yazi { display: flex; gap: 4px; font-family: var(--baslik); font-weight: 800; font-size: 22px; line-height: 1; }
.yd-logo-yazi span { background: var(--kirmizi); color: #fff; padding: 3px 6px 1px; border-radius: 4px; }
.yd-nav { display: none; }
.yd-baslik-eylem { display: flex; align-items: center; gap: 6px; }

/* Son dakika şeridi */
.yd-serit { display: flex; align-items: center; gap: 12px; height: 44px; }
.yd-serit-e { flex: none; padding: 3px 10px; border-radius: 4px; background: var(--kirmizi); color: #fff; font-family: var(--baslik); font-size: 12px; font-weight: 700; }
.yd-kayan { flex: 1; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 92%, transparent); }
.yd-kayan-iz { display: flex; gap: 32px; width: max-content; animation: yd-kay 70s linear infinite; }
.yd-kayan:hover .yd-kayan-iz, .yd-kayan:focus-within .yd-kayan-iz { animation-play-state: paused; }
.yd-kayan a { font-family: var(--baslik); font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.yd-kayan a::before { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 10px 2px 0; border-radius: 50%; background: var(--kirmizi); }
@keyframes yd-kay { to { transform: translateX(-50%); } }
.yd-serit-sosyal { display: none; gap: 2px; }
.yd-serit-sosyal a { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; }
.yd-s-facebook { color: #1877F2; } .yd-s-x { color: #111; } .yd-s-instagram { color: #D6249F; } .yd-s-youtube { color: #FF0000; } .yd-s-telegram { color: #229ED9; }
.yd-serit-sosyal a:hover { background: var(--yumusak); }

/* Arama */
.yd-ara { position: fixed; left: 0; right: 0; top: var(--ust); z-index: 95; background: #fff; box-shadow: 0 18px 40px -20px rgba(0,0,0,.45); padding: 12px 0; }
.yd-ara-form { display: flex; align-items: center; gap: 8px; }
.yd-ara-form input { flex: 1; min-width: 0; height: 50px; padding: 0 20px; border: 1.5px solid #D9D9D9; border-radius: 999px; font: inherit; font-size: 17px; }
.yd-ara-form input:focus { border-color: var(--murekkep); outline: 0; }
.yd-ara-sayfa { margin-top: 16px; max-width: 560px; }

/* Çekmece */

/* ---------- Manşet ---------- */
.yd-manset { margin-top: 4px; }
.yd-manset-sahne { position: relative; overflow: hidden; border-radius: 16px; background: #1A1A1A; height: min(calc(100svh - 190px), 560px); min-height: 440px; touch-action: pan-y; }
.yd-manset-iz { display: flex; height: 100%; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.yd-slayt { flex: 0 0 100%; position: relative; height: 100%; overflow: hidden; }
.yd-slayt > a { display: block; height: 100%; color: #fff; }
.yd-slayt-g { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.9) contrast(1.05); transform: scale(1.06); transition: transform 6s ease-out; font-size: 120px; }
.yd-slayt[aria-hidden="false"] .yd-slayt-g { transform: scale(1); }
.yd-slayt > a::before { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--kirmizi); mix-blend-mode: multiply; opacity: .9; }
.yd-slayt > a::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(60,0,8,.75) 0%, rgba(60,0,8,.2) 55%, rgba(0,0,0,0) 100%); }
.yd-slayt-yazi { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 24px 20px 92px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.yd-slayt .yd-pill { background: #fff; color: var(--kirmizi); }
.yd-slayt-b { font-family: var(--baslik); font-size: 24px; line-height: 1.18; font-weight: 700; letter-spacing: -.01em; text-wrap: balance; }
.yd-slayt > a:hover .yd-slayt-b { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.yd-slayt-o { display: none; max-width: 560px; font-size: 15.5px; line-height: 1.55; color: rgba(255,255,255,.9); }
.yd-slayt .yd-meta, .yd-slayt .yd-meta b { color: rgba(255,255,255,.92); }
.yd-slayt .yd-meta-n::before { color: rgba(255,255,255,.5); }
.yd-sekmeler { position: absolute; z-index: 2; left: 20px; right: 20px; bottom: 20px; display: flex; gap: 10px; }
.yd-sekme { display: flex; align-items: center; gap: 14px; padding: 0; border: 0; background: transparent; color: #fff; text-align: left; }
.yd-sekme-c { position: relative; flex: none; width: 46px; height: 46px; }
.yd-sekme-g { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.55); font-size: 16px; }
.yd-sekme-halka { position: absolute; inset: -4px; width: calc(100% + 8px); height: calc(100% + 8px); transform: rotate(-90deg); fill: none; stroke: #fff; stroke-width: 5; stroke-dasharray: 296; stroke-dashoffset: 296; pointer-events: none; }
.yd-sekme[aria-current] .yd-sekme-halka { animation: yd-halka var(--sure, 6s) linear forwards; }
.yd-sekme[aria-current] .yd-sekme-g { border-color: transparent; }
.yd-manset.durdu .yd-sekme[aria-current] .yd-sekme-halka { animation-play-state: paused; }
.yd-sekme-b { display: none; font-family: var(--baslik); font-size: 14.5px; line-height: 1.3; font-weight: 600; opacity: .8; }
.yd-sekme[aria-current] .yd-sekme-b, .yd-sekme:hover .yd-sekme-b { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
@keyframes yd-halka { to { stroke-dashoffset: 0; } }
@keyframes yd-dol { from { width: 0; } to { width: 100%; } }

/* ---------- Kategori hikayeleri ---------- */
.yd-hikayeler { padding: 26px 16px 4px; }
.yd-halkalar { display: flex; gap: 18px; margin: 0 -16px; padding: 4px 16px; }
.yd-halka { flex: none; width: 82px; display: flex; flex-direction: column; align-items: center; gap: 4px; border: 0; background: transparent; padding: 0; }
.yd-halka-c { width: 78px; height: 78px; border-radius: 50%; padding: 3px; margin-bottom: 6px; background: conic-gradient(from 200deg, var(--kirmizi), #F59E0B, var(--k), var(--kirmizi)); transition: transform .3s; }
.yd-halka-c img { width: 100%; height: 100%; border-radius: 50%; border: 3px solid #fff; object-fit: cover; background: #ddd; }
.yd-halka:hover .yd-halka-c { transform: translateY(-3px); }
.yd-halka.gorulen .yd-halka-c { background: #DADADA; }
.yd-halka-ad { max-width: 100%; font-family: var(--baslik); font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yd-halka-s { font-size: 12px; color: var(--gri); }
.yd-halka:hover .yd-halka-ad { color: var(--kirmizi); }

/* ---------- Modern bileşenler ---------- */
.yd-mbolum { padding-top: 44px; }
.yd-mb { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.yd-mb h2 { font-size: 24px; font-weight: 700; letter-spacing: -.01em; }
.yd-mb h2 a span { display: inline-block; margin-left: 4px; font-weight: 400; transition: transform .2s; }
.yd-mb h2 a:hover span { transform: translateX(4px); }
.yd-mb-tumu { display: inline-flex; align-items: center; gap: 6px; font-family: var(--baslik); font-size: 14px; font-weight: 600; }
.yd-mb-tumu span { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--kirmizi); color: #fff; }

.yd-m { position: relative; display: flex; flex-direction: column; min-width: 0; }
.yd-m-gk { overflow: hidden; border-radius: var(--r); background: #E5E5E5; }
.yd-m-g { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; font-size: 32px; }
.yd-m:hover .yd-m-g { transform: scale(1.05); }
.yd-m-ic { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.yd-m-b { font-size: 17px; line-height: 1.3; font-weight: 700; letter-spacing: -.005em; }
.yd-m-b a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.yd-m:hover .yd-m-b a { color: var(--kirmizi); }
.yd-m-o { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--gri); }
.yd-m-kart { border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff; transition: box-shadow .3s, transform .3s; }
.yd-m-kart:hover { box-shadow: 0 18px 34px -22px rgba(0,0,0,.45); transform: translateY(-3px); }
.yd-m-kart .yd-m-gk { border-radius: var(--r) var(--r) 0 0; aspect-ratio: 16 / 10.5; }
.yd-m-kart .yd-m-ic { flex: 1; padding: 14px 16px 16px; }
.yd-m-kart .yd-meta { margin-top: auto; padding-top: 2px; }
.yd-m-kucuk { flex-direction: row; align-items: center; gap: 14px; }
.yd-m-kucuk .yd-m-gk { flex: none; width: 96px; height: 78px; border-radius: 10px; }
.yd-m-kucuk .yd-m-ic { gap: 5px; }
.yd-m-kucuk .yd-pill { padding: 0; background: none; font-size: 12px; }
.yd-m-kucuk .yd-m-b { font-size: 15px; -webkit-line-clamp: 2; }
.yd-m-ortu { overflow: hidden; border-radius: var(--r); color: #fff; min-height: 260px; }
.yd-m-ortu .yd-m-gk { position: absolute; inset: 0; border-radius: 0; }
.yd-m-ortu::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.85)); pointer-events: none; }
.yd-m-ortu .yd-m-ic { position: relative; z-index: 2; margin-top: auto; min-height: 260px; justify-content: flex-end; padding: 60px 18px 18px; }
.yd-m-ortu .yd-pill { background: #fff; }
.yd-m-ortu .yd-m-b a, .yd-m-ortu:hover .yd-m-b a { color: #fff; }
.yd-m-ortu:hover .yd-m-b a { text-decoration: underline; text-underline-offset: 3px; }
.yd-m-ortu .yd-m-o, .yd-m-ortu .yd-meta, .yd-m-ortu .yd-meta b { color: rgba(255,255,255,.88); }

.yd-m-dort { display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -16px; padding: 4px 16px 10px; }
.yd-m-dort > * { scroll-snap-align: start; }
.yd-m-uc { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 28px; }
.yd-m-iki { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.yd-krem { padding: 24px 18px 26px; border-radius: 18px; background: var(--krem); }
.yd-mozaik { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.yd-mozaik-0, .yd-mozaik-3 { grid-column: 1 / -1; }
.yd-mozaik > div > .yd-m-ortu { height: 100%; }
.yd-mozaik-1 .yd-m-ortu, .yd-mozaik-2 .yd-m-ortu, .yd-mozaik-1 .yd-m-ortu .yd-m-ic, .yd-mozaik-2 .yd-m-ortu .yd-m-ic { min-height: 220px; }
.yd-mozaik-1 .yd-m-ortu .yd-m-ic, .yd-mozaik-2 .yd-m-ortu .yd-m-ic { padding: 40px 14px 14px; }
.yd-mozaik-1 .yd-m-b, .yd-mozaik-2 .yd-m-b { font-size: 15px; }
.yd-mozaik-1 .yd-meta, .yd-mozaik-2 .yd-meta { display: none; }
.yd-mozaik-0 .yd-m-ortu .yd-m-ic { min-height: 360px; }
.yd-mozaik-0 .yd-m-b { font-size: 24px; }
.yd-m-yanli { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.yd-m-yan { display: flex; flex-direction: column; gap: 16px; align-self: start; }
.yd-m-yan-b { margin-top: 14px; font-size: 20px; font-weight: 700; }
.yd-m-daha { display: table; margin: 28px auto 0; padding: 12px 26px; border-radius: 999px; background: var(--yumusak); font-family: var(--baslik); font-size: 14px; font-weight: 600; }
.yd-m-daha:hover { background: var(--murekkep); color: #fff; }

.yd-karolar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.yd-karo { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 12px; border-radius: 10px; color: #fff; font-family: var(--baslik); font-size: 13.5px; transition: transform .2s, filter .2s; }
.yd-karo b { font-weight: 600; }
.yd-karo span { display: none; }
.yd-karo:last-child:nth-child(odd) { grid-column: 1 / -1; }
.yd-karo:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.08); }
.yd-karo-facebook { background: #1877F2; } .yd-karo-x { background: #000; } .yd-karo-instagram { background: linear-gradient(45deg, #F58529, #DD2A7B 50%, #8134AF); } .yd-karo-youtube { background: #D10000; } .yd-karo-telegram { background: #1D8FC4; }

.yd-panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 28px 20px; border-radius: 20px; background: var(--kirmizi-acik); overflow: hidden; }
.yd-panel h2 { font-size: 28px; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; }
.yd-panel p { margin: 14px 0 22px; max-width: 520px; color: #4A4A4A; line-height: 1.6; }
.yd-panel-eylem { display: flex; flex-wrap: wrap; gap: 10px; }
.yd-kolaj { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; align-items: center; padding: 14px 0; }
.yd-kolaj img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 12px; box-shadow: 0 14px 26px -16px rgba(0,0,0,.5); }
.yd-kolaj img:nth-child(odd) { transform: translateY(-12px) rotate(-2deg); }
.yd-kolaj img:nth-child(even) { transform: translateY(12px) rotate(2deg); }
.yd-krem.yd-m-kadin { background: #2AA9E2; }.yd-m-kadin .yd-mb h2, .yd-m-kadin .yd-mb h2 a, .yd-m-kadin .yd-mb-tumu, .yd-m-kadin .yd-m-kucuk .yd-m-b a { color: #fff; }.yd-m-kadin .yd-m-kucuk .yd-m-b { font-weight: 800; text-shadow: 0 1px 2px rgba(0,40,70,.25); }.yd-m-kadin .yd-pill { display: none; }.yd-m-kadin .yd-m-kucuk .yd-meta { color: rgba(255,255,255,.9); }.yd-m-kadin .yd-m-kucuk:hover .yd-m-b a { color: #0A2A3A; }.yd-m-kadin .yd-mb-tumu span { background: #fff; color: #2AA9E2; }
/* Kadın zemini açık seçenekler: koyu yazı */.yd-krem.yd-m-kadin.yd-kadin-b { background: #B8DCE8; }.yd-krem.yd-m-kadin.yd-kadin-c { background: #D5E2E8; }.yd-krem.yd-m-kadin.yd-kadin-d { background: #E8E4DC; }.yd-kadin-b .yd-mb h2, .yd-kadin-b .yd-mb h2 a, .yd-kadin-b .yd-mb-tumu, .yd-kadin-b .yd-m-kucuk .yd-m-b a, .yd-kadin-c .yd-mb h2, .yd-kadin-c .yd-mb h2 a, .yd-kadin-c .yd-mb-tumu, .yd-kadin-c .yd-m-kucuk .yd-m-b a, .yd-kadin-d .yd-mb h2, .yd-kadin-d .yd-mb h2 a, .yd-kadin-d .yd-mb-tumu, .yd-kadin-d .yd-m-kucuk .yd-m-b a { color: #10232D; }.yd-kadin-b .yd-m-kucuk .yd-m-b, .yd-kadin-c .yd-m-kucuk .yd-m-b, .yd-kadin-d .yd-m-kucuk .yd-m-b { text-shadow: none; }.yd-kadin-b .yd-m-kucuk .yd-meta, .yd-kadin-c .yd-m-kucuk .yd-meta, .yd-kadin-d .yd-m-kucuk .yd-meta { color: #3E5560; }.yd-kadin-b .yd-m-kucuk:hover .yd-m-b a, .yd-kadin-c .yd-m-kucuk:hover .yd-m-b a, .yd-kadin-d .yd-m-kucuk:hover .yd-m-b a { color: var(--kirmizi); }.yd-kadin-b .yd-mb-tumu span, .yd-kadin-c .yd-mb-tumu span, .yd-kadin-d .yd-mb-tumu span { background: #10232D; color: #fff; }
.yd-m-kadin-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.yd-m-kadin-ic > .yd-m-ortu, .yd-m-kadin-ic > .yd-m-ortu .yd-m-ic { min-height: 340px; }
.yd-m-kadin-ic > .yd-m-ortu .yd-m-b { font-size: 22px; }
.yd-m-kadin-liste { display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.yd-m-sutunlar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; }
.yd-m-sutunlar > div { display: flex; flex-direction: column; gap: 16px; }
.yd-m-sutunlar .yd-mb { margin-bottom: 2px; }

/* ---------- A — Klasik ---------- */
.yd-bolum { padding-top: 44px; }
.yd-bolum-b { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; padding-bottom: 12px; border-bottom: 2px solid var(--murekkep); font-size: 24px; font-weight: 700; letter-spacing: -.01em; }
.yd-bolum-b a { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: var(--kirmizi); }
.yd-bolum-b-buyuk { font-size: 26px; }
.yd-ust-izgara { padding-top: 0; }
.yd-son { padding-top: 32px; }
.yd-son-liste { list-style: none; margin: 0; padding: 0; counter-reset: son; }
.yd-son-liste li { border-bottom: 1px solid var(--cizgi); counter-increment: son; }
.yd-son-liste a { display: flex; gap: 14px; padding: 14px 0; align-items: flex-start; }
.yd-son-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.yd-son-b { font-family: var(--baslik); font-size: 17px; line-height: 1.3; font-weight: 600; color: var(--murekkep); }
.yd-son-liste a:hover .yd-son-b { color: var(--kirmizi); }
.yd-son-g { flex: none; width: 96px; height: 74px; border-radius: 10px; object-fit: cover; font-size: 24px; }
.yd-hover-liste { display: flex; flex-direction: column; }
.yd-satir { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.yd-satir-gk { order: 2; flex: none; width: 104px; height: 80px; border-radius: 10px; overflow: hidden; }
.yd-satir-g { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; font-size: 26px; }
.yd-satir-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.yd-satir-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.yd-satir-b { font-family: var(--baslik); font-size: 18px; line-height: 1.25; font-weight: 700; color: var(--murekkep); transition: color .2s; }
.yd-satir:hover .yd-satir-b { color: var(--kirmizi); }
.yd-satir-o { display: none; font-size: 15px; line-height: 1.55; color: var(--gri); }
.yd-satir-ok { display: none; color: var(--kirmizi); transition: transform .3s, opacity .3s; }
.yd-bloklar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; }
.yd-blok { display: flex; flex-direction: column; gap: 12px; }
.yd-blok-b { padding-bottom: 10px; border-bottom: 2px solid var(--k); font-size: 22px; font-weight: 700; }
.yd-blok-b a { display: inline-flex; align-items: center; gap: 6px; color: var(--k); }
.yd-blok-bas { display: flex; flex-direction: column; gap: 8px; }
.yd-blok-g { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--r); }
.yd-blok-baslik { font-family: var(--baslik); font-size: 20px; line-height: 1.25; font-weight: 700; }
.yd-blok-satir { padding-top: 12px; border-top: 1px solid var(--cizgi); font-family: var(--baslik); font-size: 16px; line-height: 1.35; font-weight: 600; }
.yd-cipler { display: flex; gap: 8px; padding-bottom: 18px; }
.yd-cipler a { flex: none; padding: 8px 14px; border: 1px solid #444; border-radius: 18px; font-size: 13px; color: #fff; }
.yd-cipler a:hover { border-color: #fff; color: #fff; }
.yd-cipler-acik { padding: 14px 0 0; }
.yd-cipler-acik a { border-color: #D9D9D9; color: var(--murekkep); }
.yd-cipler-acik a:hover { border-color: var(--k); color: var(--k); }
.yd-yazilar { margin-top: 56px; background: #111; color: #fff; padding: 44px 0; }
.yd-yazilar .yd-bolum-b { border-color: #fff; margin-bottom: 18px; }
.yd-yazilar .yd-bolum-b a { color: #FF8A8A; }
.yd-yazilar-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.yd-yazi-kart { display: flex; flex-direction: column; gap: 12px; padding: 24px; border: 1px solid #333; border-radius: var(--r); color: #fff; transition: border-color .2s, background .2s; }
.yd-yazi-kart:hover { border-color: #fff; background: #1A1A1A; color: #fff; }
.yd-yazi-yazar { font-family: var(--baslik); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #FF8A8A; }
.yd-yazi-b { font-family: var(--baslik); font-size: 23px; line-height: 1.25; font-weight: 700; }
.yd-yazi-o { font-size: 15px; line-height: 1.55; color: #BDBDBD; }
.yd-yazilar .yd-tarih { color: #A3A3A3; }

/* ---------- B — Kartlar ---------- */
.yd-k { position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.yd-k-gk { display: block; overflow: hidden; border-radius: var(--r); aspect-ratio: 16 / 10; background: #E5E5E5; }
.yd-k-g { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; font-size: 32px; }
.yd-k:hover .yd-k-g { transform: scale(1.05); }
.yd-k-yazi { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.yd-k-b { font-family: var(--baslik); font-size: 17px; line-height: 1.28; font-weight: 700; color: var(--murekkep); transition: color .2s; }
.yd-k:hover .yd-k-b { color: var(--kirmizi); }
.yd-k-o { font-size: 15px; line-height: 1.5; color: var(--gri); }
.yd-k-ortu .yd-k-gk { aspect-ratio: 4 / 5; }
.yd-k-ortu .yd-k-yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 80px 18px 18px; border-radius: 0 0 var(--r) var(--r); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.88) 60%); }
.yd-k-ortu .yd-k-b { color: #fff; font-size: 23px; line-height: 1.2; }
.yd-k-ortu:hover .yd-k-b { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.yd-k-ortu .yd-k-o { color: rgba(255,255,255,.88); }
.yd-k-ortu .yd-tarih { color: rgba(255,255,255,.8); }
.yd-b-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; padding-top: 16px; }
.yd-b-buyuk { grid-column: 1 / -1; }
.yd-b-izgara > .yd-k .yd-k-b { font-size: 16px; }
.yd-bant-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; border-bottom: 2px solid var(--k); }
.yd-bant-bas h2 { padding: 7px 14px 5px; border-radius: 8px 8px 0 0; background: var(--k); color: #fff; font-size: 17px; font-weight: 700; }
.yd-bant-bas a { display: inline-flex; align-items: center; gap: 4px; padding-bottom: 8px; font-size: 13px; font-weight: 600; color: var(--k); }
.yd-bant-sira { display: grid; grid-auto-flow: column; grid-auto-columns: 74%; gap: 14px; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 0 16px 4px; }
.yd-bant-sira > * { scroll-snap-align: start; }

/* Düzen seçici (tasarım önizlemesi) */
.yd-secici { position: fixed; z-index: 65; left: 50%; bottom: calc(var(--altbar) + 10px); transform: translateX(-50%); display: flex; align-items: center; gap: 2px; max-width: calc(100% - 20px); padding: 5px; border-radius: 28px; background: #111; color: #fff; box-shadow: 0 12px 30px -10px rgba(0,0,0,.55); font-size: 13px; }
.yd-secici > span { padding: 0 8px 0 10px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A3A3A3; }
.yd-secici a { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: 22px; color: #fff; white-space: nowrap; }
.yd-secici a:hover { background: #2A2A2A; color: #fff; }
.yd-secici a[aria-current] { background: var(--kirmizi); }
.yd-secici i { display: none; font-style: normal; font-weight: 500; }

/* ---------- Abone ve alt bilgi ---------- */
.yd-abone { margin-top: 56px; padding: 0 16px; }
.yd-abone-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 28px 24px; border-radius: 20px; background: var(--kirmizi); color: #fff; }
.yd-abone h2 { font-size: 24px; font-weight: 800; letter-spacing: -.01em; }
.yd-abone p { margin: 4px 0 0; opacity: .92; }
.yd-alt { margin-top: 40px; background: #0F0F10; color: #BDBDBD; padding: 44px 0 32px; font-size: 14px; }
.yd-alt a:hover { color: #fff; }
.yd-alt-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.yd-alt .yd-logo-img { height: 40px; }
.yd-alt-marka p { margin: 12px 0 0; font-family: var(--baslik); font-weight: 600; color: #fff; }
.yd-alt-kat { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; font-family: var(--baslik); font-weight: 500; color: #fff; }
.yd-alt-ilet { display: flex; flex-direction: column; gap: 10px; }
.yd-alt-ilet p { margin: 0; }
.yd-alt-ilet .yd-sosyal { display: flex; flex-wrap: wrap; gap: 6px 16px; color: #fff; font-weight: 600; }
.yd-alt-not { font-size: 12px; color: #8A8A8A; }

/* Mobil alt çubuk */
.yd-altbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; background: rgba(255,255,255,.97); border-top: 1px solid var(--cizgi); padding-bottom: env(safe-area-inset-bottom); backdrop-filter: blur(8px); }
.yd-altbar > a, .yd-altbar > button { min-height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; border: 0; background: transparent; padding: 0; font-family: var(--baslik); font-size: 11px; font-weight: 500; color: var(--gri); }
.yd-altbar [aria-current] { color: var(--kirmizi); }

/* ---------- Hikaye izleyici ---------- */
.yd-izle { position: fixed; inset: 0; z-index: 120; background: #000; color: #fff; }
.yd-izle-sahne { position: relative; height: 100%; max-width: 480px; margin: 0 auto; overflow: hidden; background: #1A1A1A; }
.yd-izle-g { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; animation: yd-yakin 6s ease-out forwards; }
@keyframes yd-yakin { from { transform: scale(1.08); } to { transform: scale(1); } }
.yd-izle-ust { position: absolute; left: 0; right: 0; top: 0; z-index: 2; padding: calc(10px + env(safe-area-inset-top)) 12px 40px; background: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,0)); }
.yd-izle-cizgi { display: flex; gap: 4px; }
.yd-izle-cizgi span { flex: 1; height: 3px; border-radius: 2px; background: rgba(255,255,255,.35); overflow: hidden; }
.yd-izle-cizgi i { display: block; height: 100%; width: 0; background: #fff; }
.yd-izle-cizgi .bitti i { width: 100%; }
.yd-izle-cizgi .simdi i { animation: yd-dol var(--sure, 6s) linear forwards; }
.yd-izle.durdu .yd-izle-cizgi .simdi i, .yd-izle.durdu .yd-izle-g { animation-play-state: paused; }
.yd-izle-kim { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.yd-izle-halka { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #fff; background: var(--k, var(--kirmizi)); display: grid; place-items: center; font-family: var(--baslik); font-weight: 800; font-size: 15px; }
.yd-izle-ad { font-family: var(--baslik); font-size: 15px; font-weight: 700; }
.yd-izle-t { font-size: 13px; color: rgba(255,255,255,.8); }
.yd-izle-kapat { margin-left: auto; width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; color: #fff; }
.yd-izle-geri, .yd-izle-ileri { position: absolute; top: 90px; bottom: 170px; z-index: 1; border: 0; background: transparent; padding: 0; -webkit-tap-highlight-color: transparent; }
.yd-izle-geri { left: 0; width: 35%; }
.yd-izle-ileri { right: 0; width: 65%; }
.yd-izle-alt { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 90px 18px calc(28px + env(safe-area-inset-bottom)); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9) 45%); display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.yd-izle-b { margin: 0; font-family: var(--baslik); font-size: 25px; line-height: 1.18; font-weight: 700; text-wrap: balance; }
.yd-izle-oku { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 24px; background: #fff; color: #111; font-family: var(--baslik); font-weight: 600; }
.yd-izle-oku:hover { background: var(--kirmizi); color: #fff; }
/* Görselsiz haber hikayesi: kategori renginde yazı kartı, başlık ortada büyük */
.yd-izle.yazi .yd-izle-g { display: none; }
.yd-izle.yazi .yd-izle-sahne { background: radial-gradient(120% 70% at 100% 0%, color-mix(in srgb, var(--k) 70%, #fff) 0%, transparent 60%), linear-gradient(160deg, var(--k) 0%, color-mix(in srgb, var(--k) 45%, #000) 100%); }
.yd-izle.yazi .yd-izle-sahne::before { content: "“"; position: absolute; left: 14px; top: 70px; font-family: Georgia, serif; font-size: 220px; line-height: 1; color: rgba(255,255,255,.14); pointer-events: none; }
.yd-izle.yazi .yd-izle-alt { top: 0; justify-content: center; padding-top: 110px; background: none; }
.yd-izle.yazi .yd-izle-b { font-size: 32px; line-height: 1.12; font-weight: 800; }
/* Hikayede kategori geçişi */
.yd-izle-gecis { position: absolute; left: 50%; top: 42%; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 26px 14px; border-radius: 18px; background: var(--k, var(--kirmizi)); box-shadow: 0 18px 40px -12px rgba(0,0,0,.7); font-family: var(--baslik); font-size: 24px; font-weight: 800; white-space: nowrap; opacity: 0; transform: translate(-50%, -50%); pointer-events: none; }
.yd-izle-gecis small { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.yd-izle.gecis .yd-izle-gecis { animation: yd-gecis 1.5s ease forwards; }
.yd-izle.gecis .yd-izle-g { animation: yd-yakin 6s ease-out forwards, yd-karar .6s ease-out; }
.yd-izle.durdu .yd-izle-gecis { animation-play-state: paused; }
@keyframes yd-gecis { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.8); } 18%, 70% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1); } }
@keyframes yd-karar { from { opacity: .15; } to { opacity: 1; } }
body.yd-kilit { overflow: hidden; }

/* ---------- Haber sayfası ---------- */
.yd-ilerleme { position: fixed; left: 0; right: 0; top: var(--ust); z-index: 70; height: 3px; pointer-events: none; }
.yd-ilerleme span { display: block; height: 100%; background: var(--kirmizi); transform-origin: left; transform: scaleX(0); }
.yd-tek { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; padding-top: 18px; }
.yd-haber { min-width: 0; }
.yd-yol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-bottom: 14px; font-size: 13px; color: var(--gri); }
.yd-yol span { color: var(--murekkep); }
.yd-haber-bas { display: flex; flex-direction: column; gap: 14px; }
.yd-haber-b { font-size: 25px; line-height: 1.22; font-weight: 700; letter-spacing: -.01em; text-wrap: balance; }
.yd-haber-spot { margin: 0; font-size: 18px; line-height: 1.6; color: var(--gri); }
.yd-haber-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.yd-haber-meta .yd-meta { font-size: 14px; }
.yd-haber-meta .yd-meta-a { width: 30px; height: 30px; font-size: 13px; }
.yd-haber-araclar { display: flex; align-items: center; gap: 2px; }
.yd-haber-araclar button, .yd-haber-araclar a { height: 36px; min-width: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 6px; border: 0; border-radius: 18px; background: transparent; font-family: var(--baslik); font-size: 14px; font-weight: 500; }
.yd-haber-araclar button:hover, .yd-haber-araclar a:hover { background: var(--yumusak); }
.yd-boyut { font-weight: 700 !important; }
.yd-boyut small { font-size: 11px; }
.yd-renk-facebook { color: #1877F2; } .yd-renk-x { color: #111; } .yd-renk-whatsapp { color: #128C4B; } .yd-renk-telegram { color: #1D8FC4; }
.yd-haber-g { margin: 22px 0 0; }
.yd-haber-g img { width: 100%; border-radius: 16px; }
.yd-haber-g figcaption { padding-top: 10px; font-size: 13px; color: var(--gri); }
.yd-haber-govde { position: relative; padding-top: 28px; }
.yd-haber-govde { display: flex; flex-direction: column; }
.yd-yan-paylas { order: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--cizgi); }
.yd-yan-paylas > span { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; font-family: var(--baslik); font-size: 14px; font-weight: 600; }
.yd-yan-paylas a, .yd-yan-paylas button { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #fff; }
.yd-yan-paylas a:hover { color: #fff; }
.yd-yan-paylas .yd-renk-facebook { background: #1877F2; } .yd-yan-paylas .yd-renk-x { background: #111; } .yd-yan-paylas .yd-renk-whatsapp { background: #128C4B; } .yd-yan-paylas .yd-renk-telegram { background: #1D8FC4; }
.yd-yan-paylas .yd-kopyala { background: var(--yumusak); color: var(--murekkep); }
.yd-metin { font-family: var(--okuma); font-size: var(--fs, 17px); line-height: 1.75; color: #2A2A2A; overflow-wrap: break-word; }
.yd-metin > * { margin: 0 0 1.15em; }
.yd-metin > p:first-of-type::first-letter { float: left; margin: .08em .12em 0 0; font-family: var(--baslik); font-size: 4.2em; line-height: .8; font-weight: 800; color: var(--murekkep); }
.yd-metin a { color: var(--kirmizi); text-decoration: underline; text-underline-offset: 3px; }
.yd-metin strong { color: var(--murekkep); }
.yd-metin h2, .yd-metin h3, .yd-metin h4 { font-family: var(--baslik); font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: var(--murekkep); margin-top: 1.6em; }
.yd-metin h2 { font-size: 1.45em; } .yd-metin h3 { font-size: 1.2em; }
.yd-metin img, .yd-metin video { border-radius: var(--r); }
.yd-metin figure, .yd-metin .wp-caption { max-width: 100% !important; width: auto !important; }
.yd-metin figcaption, .yd-metin .wp-caption-text { font-size: 13px; color: var(--gri); margin-top: 8px; }
.yd-metin iframe, .yd-metin embed, .yd-metin table { max-width: 100%; }
.yd-metin blockquote { position: relative; margin: 1.6em 0; padding: 24px 24px 24px 64px; border-radius: 14px; background: var(--yumusak); font-family: var(--baslik); font-size: 1.12em; line-height: 1.45; font-weight: 600; color: var(--murekkep); }
.yd-metin blockquote::before { content: "“"; position: absolute; left: 20px; top: 14px; font-family: Georgia, serif; font-size: 64px; line-height: 1; font-weight: 700; color: var(--kirmizi); }
.yd-metin blockquote p { margin: 0; }
.yd-metin blockquote cite { display: block; margin-top: 10px; font-size: 13px; font-weight: 400; font-style: normal; color: var(--gri); }
.yd-metin ul, .yd-metin ol { padding-left: 1.3em; }
.yd-metin li { margin-bottom: .5em; }
.yd-metin li::marker { color: var(--kirmizi); }
.yd-etiketler { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 10px; }
.yd-etiketler a { padding: 4px 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: none; color: #9A9A9A; font-family: var(--baslik); font-size: 12px; font-weight: 400; transition: color .2s, border-color .2s; }
.yd-etiketler a::before { content: "#"; opacity: .6; }
.yd-etiketler a:hover { border-color: #BDBDBD; color: var(--murekkep); }

.yd-paylas-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 28px; padding: 18px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.yd-paylas-satir > span { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; font-family: var(--baslik); font-size: 14px; font-weight: 600; }
.yd-paylas-satir a, .yd-paylas-satir button { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border: 0; border-radius: 8px; color: #fff; font-family: var(--baslik); font-size: 13.5px; font-weight: 600; }
.yd-paylas-satir a:hover, .yd-paylas-satir button:hover { color: #fff; filter: brightness(1.1); }
.yd-paylas-satir .yd-renk-facebook { background: #1877F2; } .yd-paylas-satir .yd-renk-x { background: #111; } .yd-paylas-satir .yd-renk-whatsapp { background: #128C4B; } .yd-paylas-satir .yd-renk-telegram { background: #1D8FC4; }
.yd-paylas-satir .yd-kopyala { background: var(--yumusak); color: var(--murekkep); }
.yd-paylas-satir .yd-kopyala:hover { color: var(--murekkep); }
.yd-kopyala.tamam { background: #128C4B !important; color: #fff !important; }
.yd-yazar-kutu { display: flex; gap: 18px; align-items: flex-start; margin-top: 28px; padding: 22px; border-radius: 16px; background: var(--yumusak); }
.yd-yazar-a { flex: none; width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, var(--kirmizi), #F59E0B); color: #fff; font-family: var(--baslik); font-size: 26px; font-weight: 800; }
.yd-yazar-u { display: block; font-size: 12px; color: var(--gri); }
.yd-yazar-ad { font-family: var(--baslik); font-size: 18px; font-weight: 700; }
.yd-yazar-kutu p { margin: 4px 0 0; font-size: 14px; color: var(--gri); }
.yd-onceki-sonraki { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 28px; }
.yd-onceki-sonraki a { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--cizgi); border-radius: 14px; }
.yd-onceki-sonraki a:hover { border-color: var(--murekkep); color: inherit; }
.yd-onceki-sonraki .sonraki { flex-direction: row-reverse; text-align: right; }
.yd-os-g { flex: none; width: 64px; height: 64px; border-radius: 50%; object-fit: cover; font-size: 20px; }
.yd-onceki-sonraki small { display: block; font-size: 12px; color: var(--gri); }
.yd-onceki-sonraki b { font-family: var(--baslik); font-size: 15px; line-height: 1.3; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.yd-tek-yan { display: flex; flex-direction: column; gap: 16px; align-self: start; }
.yd-sayfa { max-width: 800px; margin: 0 auto; padding: 24px 16px 0; }
.yd-sayfa .yd-haber-b { padding-bottom: 14px; border-bottom: 2px solid var(--murekkep); }
.yd-sayfa .yd-metin > p:first-of-type::first-letter { float: none; margin: 0; font: inherit; color: inherit; }

/* ---------- Arşiv ---------- */
.yd-arsiv-bas { padding: 26px 0 18px; }
.yd-arsiv-bas h1 { font-size: 34px; line-height: 1.1; font-weight: 800; letter-spacing: -.02em; color: var(--k); }
.yd-arsiv-bas h1::after { content: ""; display: block; width: 56px; height: 4px; margin-top: 14px; border-radius: 2px; background: var(--k); }
.yd-arsiv-acik { margin-top: 12px; color: var(--gri); }
.yd-arsiv-ilk { display: flex; flex-direction: column; gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--cizgi); }
.yd-arsiv-ilk-g { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 16px; }
.yd-arsiv-ilk-yazi { display: flex; flex-direction: column; gap: 8px; }
.yd-arsiv-ilk-b { font-family: var(--baslik); font-size: 26px; line-height: 1.2; font-weight: 700; color: var(--murekkep); }
.yd-arsiv-ilk:hover .yd-arsiv-ilk-b { color: var(--kirmizi); }
.yd-arsiv-ilk .yd-satir-o { display: block; }
.yd-sayfalar .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 32px; }
.yd-sayfalar .page-numbers { min-width: 44px; height: 44px; padding: 0 14px; display: inline-grid; place-items: center; border-radius: 999px; background: var(--yumusak); font-family: var(--baslik); font-weight: 600; }
.yd-sayfalar .page-numbers.current { background: var(--kirmizi); color: #fff; }
.yd-sayfalar .page-numbers.dots { background: none; }
.yd-404 { padding: 56px 16px 24px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.yd-404-k { margin: 0; font-family: var(--baslik); font-size: 96px; line-height: 1; font-weight: 800; color: var(--kirmizi); }
.yd-404 h1 { font-size: 28px; font-weight: 700; }
.yd-404 p { margin: 0; color: var(--gri); }
.yd-404 .yd-ara-form { width: 100%; }

/* ---------- Kategori / arşiv sayfası (A Vitrin, B Liste, C Izgara) ---------- */
.yd-ab { position: relative; margin-top: 16px; }
.yd-ab-ic { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px 20px 24px; border-radius: 20px; background: color-mix(in srgb, var(--k) 8%, #fff); overflow: hidden; }
/* Görselli kategori başlığı: telefonda 2:1, masaüstünde 5:1; yazı solda altta, beyaz */
.yd-ab-gorselli .yd-ab-ic { aspect-ratio: 2 / 1; justify-content: flex-end; background: #111; }
.yd-ab-gorsel { position: absolute; inset: 0; z-index: 0; }
.yd-ab-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.yd-ab-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.15) 65%, rgba(0,0,0,0)); }
.yd-ab-gorselli .yd-ab-ic > :not(.yd-ab-gorsel) { position: relative; z-index: 1; }
.yd-ab.yd-ab-gorselli h1, .yd-ab.yd-ab-gorselli .yd-ab-acik, .yd-ab.yd-ab-gorselli .yd-yol, .yd-ab.yd-ab-gorselli .yd-yol a, .yd-ab.yd-ab-gorselli .yd-yol span { color: #fff; }
.yd-ab.yd-ab-gorselli h1 { text-shadow: 0 2px 16px rgba(0,0,0,.35); }
@media (min-width: 768px) { .yd-ab-gorselli .yd-ab-ic { aspect-ratio: 5 / 1; } }
/* Gazete arşivi kolajı kalabalık: açıklama okunsun diye daha koyu degrade */
.yd-ab-arsiv .yd-ab-gorsel::after { background: linear-gradient(to top, rgba(10,6,6,.88), rgba(10,6,6,.45) 70%, rgba(10,6,6,.2)), linear-gradient(to right, rgba(10,6,6,.5), rgba(10,6,6,0) 60%); }
/* Yazılar ailesi: bordo "gazete sayfası" görseli (#8E323C) — karartma yok, başlık beyaz */
.yd-ab-pastel .yd-ab-gorsel::after { display: none; }
.yd-ab.yd-ab-gorselli.yd-ab-pastel .yd-ab-ic { background: #8e323c; }
@media (max-width: 767px) { /* telefonda daha alçak bant (görsel 900×300) */
	.yd-ab.yd-ab-gorselli.yd-ab-pastel .yd-ab-ic { aspect-ratio: 3 / 1; padding-block: 14px 16px; }
	.yd-ab.yd-ab-gorselli.yd-ab-pastel h1 { font-size: 30px; }
}
.yd-ab.yd-ab-gorselli.yd-ab-pastel h1, .yd-ab.yd-ab-gorselli.yd-ab-pastel .yd-ab-acik, .yd-ab.yd-ab-gorselli.yd-ab-pastel .yd-yol, .yd-ab.yd-ab-gorselli.yd-ab-pastel .yd-yol a, .yd-ab.yd-ab-gorselli.yd-ab-pastel .yd-yol span { color: #fff; text-shadow: none; }
.yd-ab .yd-yol { margin: 0; }
.yd-ab h1 { font-size: 36px; line-height: 1.05; font-weight: 800; letter-spacing: -.025em; color: var(--k); }
.yd-ab-acik { max-width: 640px; color: #444; line-height: 1.6; }
.yd-ab-acik p { margin: 0; }
.yd-ab-bilgi { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; font-size: 14px; color: var(--gri); }
.yd-ab-bilgi b { font-family: var(--baslik); font-size: 16px; color: var(--murekkep); }
.yd-ab-harf { position: absolute; z-index: 1; right: 24px; top: 50%; transform: translateY(-50%); font-family: var(--baslik); font-size: 150px; line-height: 1; font-weight: 800; color: var(--k); opacity: .1; pointer-events: none; }
.yd-ab .yd-ara-sayfa { width: 100%; margin-top: 6px; }
.yd-ab-kat { display: flex; gap: 8px; margin-top: 14px; padding-top: 2px; padding-bottom: 4px; }
.yd-ab-kat a { flex: none; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; font-family: var(--baslik); font-size: 14px; font-weight: 500; transition: border-color .2s, background .2s, color .2s; }
.yd-ab-kat a::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--k); }
.yd-ab-kat small { font-size: 12px; color: var(--gri); }
.yd-ab-kat a:hover { border-color: var(--k); color: var(--k); }
.yd-ab-kat a[aria-current] { background: var(--k); border-color: var(--k); color: #fff; }
.yd-ab-kat a[aria-current]::before { background: #fff; }
.yd-ab-kat a[aria-current] small { color: rgba(255,255,255,.85); }

.yd-oge[hidden] { display: none !important; }
.yd-oge { display: flex; min-width: 0; }
.yd-oge > .yd-m { flex: 1; }
.yd-oge.yeni { animation: yd-belir .45s ease both; }
@keyframes yd-belir { from { opacity: 0; transform: translateY(10px); } }
.yd-daha-yukle[aria-busy="true"] { opacity: .6; pointer-events: none; }

/* A · Vitrin */
.yd-vitrin { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.yd-vitrin > div > .yd-m-ortu { height: 100%; }
.yd-vitrin-0 .yd-m-ortu, .yd-vitrin-0 .yd-m-ortu .yd-m-ic { min-height: 380px; }
.yd-vitrin-0 .yd-m-b { font-size: 26px; }
.yd-vitrin-1 .yd-m-ortu, .yd-vitrin-2 .yd-m-ortu, .yd-vitrin-1 .yd-m-ortu .yd-m-ic, .yd-vitrin-2 .yd-m-ortu .yd-m-ic { min-height: 220px; }
.yd-vitrin-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }

/* B · Liste */
.yd-arsiv-tek { padding-top: 28px; }
.yd-arsiv-tek .yd-arsiv-liste { max-width: 1000px; }
.yd-arsiv-tek .yd-m-daha { margin-left: 0; }
.yd-kat-sayfa .yd-pill { display: none; }
.yd-arsiv-liste { display: flex; flex-direction: column; }
.yd-m-yatay { flex-direction: row; gap: 14px; align-items: flex-start; padding: 18px 0; border-bottom: 1px solid var(--cizgi); }
.yd-arsiv-liste .yd-oge:first-child .yd-m-yatay { padding-top: 0; }
.yd-m-yatay .yd-m-gk { flex: none; order: 2; width: 112px; aspect-ratio: 1 / 1; border-radius: 10px; }
.yd-m-yatay .yd-m-ic { flex: 1; gap: 7px; }
.yd-m-yatay .yd-m-b { font-size: 17px; }
.yd-m-yatay .yd-m-o { display: none; }
.yd-yan-kutu { padding: 18px; border-radius: 16px; background: var(--yumusak); }
.yd-yan-kutu h2 { margin-bottom: 10px; font-size: 16px; font-weight: 700; }
.yd-yan-kat { display: flex; align-items: center; gap: 10px; padding: 9px 4px; border-bottom: 1px solid #E6E6E6; font-family: var(--baslik); font-size: 15px; font-weight: 500; }
.yd-yan-kat:last-child { border-bottom: 0; }
.yd-yan-kat::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--k); }
.yd-yan-kat small { margin-left: auto; min-width: 28px; padding: 1px 8px; border-radius: 999px; background: #fff; font-size: 12px; text-align: center; color: var(--gri); }
.yd-yan-kat:hover, .yd-yan-kat[aria-current] { color: var(--k); }
.yd-yan-kat[aria-current] { font-weight: 700; }
.yd-yan-etiket { display: flex; flex-wrap: wrap; gap: 6px; }
.yd-yan-etiket a { padding: 6px 11px; border-radius: 8px; background: #fff; font-size: 13.5px; }
.yd-yan-etiket a:hover { background: var(--kirmizi); color: #fff; }

/* C · Izgara (süzme + görünüm) */
.yd-arac { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.yd-suz { display: flex; flex: 1; min-width: 0; gap: 8px; }
.yd-suz button, .yd-gor button { flex: none; min-height: 40px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; font-family: var(--baslik); font-size: 14px; font-weight: 500; transition: background .2s, color .2s, border-color .2s; }
.yd-suz button:hover, .yd-gor button:hover { border-color: var(--murekkep); }
.yd-suz button[aria-pressed="true"], .yd-gor button[aria-pressed="true"] { background: var(--murekkep); border-color: var(--murekkep); color: #fff; }
.yd-gor { display: none; gap: 4px; }
.yd-gor button { width: 40px; padding: 0; display: grid; place-items: center; }
.yd-izgara-liste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.yd-izgara-liste.liste { gap: 0; }
.yd-izgara-liste.liste .yd-m-kart { flex-direction: row; border: 0; border-bottom: 1px solid var(--cizgi); border-radius: 0; padding: 18px 0; transform: none; box-shadow: none; }
.yd-izgara-liste.liste .yd-m-kart .yd-m-gk { flex: none; width: 240px; border-radius: var(--r); aspect-ratio: 16 / 10; }
.yd-izgara-liste.liste .yd-m-kart .yd-m-ic { padding: 4px 0 0 22px; }
.yd-izgara-liste.liste .yd-m-b { font-size: 20px; }
.yd-suz-bos { padding: 24px 0; color: var(--gri); }
@media (max-width: 639px) { .yd-izgara-liste.liste .yd-m-kart .yd-m-gk { width: 116px; aspect-ratio: 1 / 1; } .yd-izgara-liste.liste .yd-m-kart .yd-m-ic { padding-left: 14px; } .yd-izgara-liste.liste .yd-m-b { font-size: 16px; } .yd-izgara-liste.liste .yd-m-o { display: none; } }

/* ---------- Yazılar bölümü alternatifleri ---------- */
.yd-yz-o { font-size: 15px; line-height: 1.55; color: var(--gri); }
.yd-yz-oku { display: inline-flex; align-items: center; gap: 6px; font-family: var(--baslik); font-size: 14px; font-weight: 600; color: var(--kirmizi); }
.yd-yz-liste-b { font-family: var(--baslik); font-size: 17px; line-height: 1.3; font-weight: 700; color: var(--murekkep); }
/* B Dergi */
.yd-yz-dergi { padding: 24px 18px 26px; border-radius: 18px; background: var(--yumusak); }
.yd-yz-dergi-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.yd-yz-one { display: flex; flex-direction: column; gap: 10px; }
.yd-yz-one-gk { overflow: hidden; border-radius: var(--r); }
.yd-yz-one-g { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .6s; font-size: 48px; }
.yd-yz-one:hover .yd-yz-one-g { transform: scale(1.04); }
.yd-yz-one-b { font-size: 25px; line-height: 1.2; font-weight: 800; letter-spacing: -.015em; font-family: var(--baslik); }
.yd-yz-one:hover .yd-yz-one-b, .yd-yz-liste a:hover .yd-yz-liste-b, .yd-yz-alinti-yan a:hover .yd-yz-liste-b, .yd-yz-kart:hover .yd-yz-kart-b { color: var(--kirmizi); }
.yd-yz-liste { list-style: none; margin: 0; padding: 0; counter-reset: yz 1; }
.yd-yz-liste li { counter-increment: yz; border-bottom: 1px solid #E2E2E2; }
.yd-yz-liste li:last-child { border-bottom: 0; }
.yd-yz-liste a { display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: auto auto; gap: 4px 6px; padding: 16px 0; }
.yd-yz-liste a::before { content: counter(yz); grid-row: 1 / 3; font-family: var(--baslik); font-size: 30px; font-weight: 800; line-height: 1; color: var(--kirmizi); }
/* C Alıntı */
.yd-yz-alinti { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.yd-yz-alinti-ana { position: relative; display: flex; flex-direction: column; gap: 18px; padding: 30px 24px 26px; border-radius: 18px; background: var(--kirmizi-acik); }
.yd-yz-tirnak { font-family: Georgia, serif; font-size: 96px; line-height: .6; font-weight: 700; color: var(--kirmizi); height: 44px; }
.yd-yz-cumle { font-family: var(--baslik); font-size: 22px; line-height: 1.4; font-weight: 600; color: var(--murekkep); }
.yd-yz-kaynak { display: flex; flex-direction: column; gap: 8px; padding-top: 16px; border-top: 1px solid rgba(200,16,46,.2); }
.yd-yz-kaynak b { font-family: var(--baslik); font-size: 16px; font-weight: 700; }
.yd-yz-alinti-ana:hover .yd-yz-kaynak b { color: var(--kirmizi); }
.yd-yz-alinti-yan { display: flex; flex-direction: column; }
.yd-yz-alinti-yan a { display: flex; flex-direction: column; gap: 6px; padding: 16px 0 16px 18px; border-left: 3px solid var(--cizgi); transition: border-color .2s; }
.yd-yz-alinti-yan a:hover { border-left-color: var(--kirmizi); }
/* D Kaydırmalı */
.yd-yz-kay { display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 16px; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 4px 16px 10px; }
.yd-yz-kart { scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; padding-bottom: 16px; border: 1px solid var(--cizgi); border-radius: var(--r); overflow: hidden; transition: box-shadow .3s, transform .3s; }
.yd-yz-kart:hover { box-shadow: 0 18px 34px -22px rgba(0,0,0,.45); transform: translateY(-3px); color: inherit; }
.yd-yz-kart-g { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; font-size: 32px; }
.yd-yz-kart > span:not(.yd-yz-kart-gk) { padding: 0 16px; }
.yd-yz-kart-b { font-family: var(--baslik); font-size: 17px; line-height: 1.3; font-weight: 700; }
.yd-yz-kart .yd-yz-o { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (min-width: 640px) {
	.yd-yz-dergi { padding: 32px; }
	.yd-yz-kay { grid-auto-columns: 42%; margin: 0; padding: 4px 0 10px; }
	.yd-yz-alinti-ana { padding: 40px 40px 32px; }
	.yd-yz-cumle { font-size: 26px; }
}
@media (min-width: 1024px) {
	.yd-yz-dergi { padding: 36px 40px 40px; }
	.yd-yz-dergi-ic { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 44px; align-items: start; }
	.yd-yz-one-b { font-size: 30px; }
	.yd-yz-alinti { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 40px; align-items: center; }
	.yd-yz-cumle { font-size: 30px; }
	.yd-yz-kay { grid-auto-flow: row; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; overflow: visible; }
}

/* ---------- Haber sayfası alternatifleri (B Odak, C Kapak, D Gazete) ---------- */
/* B Odak: yan sütun yok, ortalanmış okuma sütunu */
.yd-tek.yd-yazi-b { max-width: 812px; }
.yd-yazi-b .yd-haber-bas { align-items: center; text-align: center; }
.yd-yazi-b .yd-yol { justify-content: center; }
.yd-yazi-b .yd-haber-meta { justify-content: center; gap: 10px 22px; }
/* C Kapak: başlık görselin üstünde */
.yd-kapak { position: relative; overflow: hidden; border-radius: 16px; background: #111; min-height: 360px; display: flex; align-items: flex-end; }
.yd-kapak-g { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.yd-kapak::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,0,0,.85)); }
.yd-kapak .yd-haber-bas { position: relative; z-index: 1; padding: 80px 20px 22px; color: #fff; }
.yd-kapak .yd-haber-b { color: #fff; }
.yd-kapak .yd-meta, .yd-kapak .yd-haber-araclar button { color: rgba(255,255,255,.9); }
.yd-kapak .yd-haber-araclar button:hover { background: rgba(255,255,255,.15); }
.yd-yazi-c .yd-haber-govde { padding-top: 30px; }
/* D Gazete: serif okuma, ince çizgili başlık, sade yan liste */
.yd-yazi-d .yd-haber-bas { padding-bottom: 16px; border-bottom: 1px solid var(--murekkep); }
.yd-yazi-d .yd-haber-b { font-family: Georgia, "Times New Roman", serif; font-weight: 700; letter-spacing: -.005em; }
.yd-yazi-d .yd-metin { font-family: Georgia, "Times New Roman", serif; font-size: var(--fs, 18px); line-height: 1.8; color: #1B1B1B; }
.yd-yazi-d .yd-metin > p:first-of-type::first-letter { font-family: Georgia, serif; color: var(--kirmizi); font-weight: 700; }
.yd-yazi-d .yd-haber-g img { border-radius: 4px; }
.yd-yazi-d .yd-yan-paylas a, .yd-yazi-d .yd-yan-paylas button { background: var(--yumusak) !important; color: var(--murekkep) !important; }
.yd-sade-liste a { grid-template-columns: 32px minmax(0, 1fr); padding: 13px 0; }
.yd-sade-liste a::before { font-size: 22px; }
.yd-sade-liste .yd-yz-liste-b { font-size: 15px; }
.yd-sade-liste li { border-bottom-color: var(--cizgi); }
@media (min-width: 1024px) {
	.yd-tek.yd-yazi-b { grid-template-columns: minmax(0, 1fr); }
	.yd-yazi-b .yd-haber-govde { grid-template-columns: 56px minmax(0, 1fr); }
	.yd-kapak { min-height: 520px; }
	.yd-kapak .yd-haber-bas { padding: 120px 48px 36px; }
	.yd-kapak .yd-haber-b { font-size: 40px; }
	.yd-yazi-d .yd-haber-b { font-size: 42px; }
	.yd-yazi-d .yd-metin { font-size: var(--fs, 19px); }
}

/* ---------- Yazılar: afiş görsel dili (grenli zemin, kutu yığını, 2:1 görseller) ---------- */
.yd-grenli { position: relative; margin-top: 56px; padding: 44px 0 48px; background-color: #EFEDEA; isolation: isolate; }
.yd-grenli::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .35; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.yd-grenli-koyu { background-color: #161616; color: #fff; }
.yd-grenli.yd-grenli-kutu { margin-top: 0; padding: 26px 18px 28px; border-radius: 18px; overflow: hidden; }
.yd-grenli-koyu::before { opacity: .5; mix-blend-mode: screen; }
.yd-yz-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.yd-yz-bas h2 span { display: inline-block; padding: 4px 14px 5px; background: var(--kirmizi); color: #fff; font-size: 26px; font-weight: 800; letter-spacing: .01em; text-transform: uppercase; }
.yd-yz-bas a { display: inline-flex; align-items: center; gap: 6px; font-family: var(--baslik); font-size: 14px; font-weight: 600; color: var(--kirmizi); }
.yd-grenli-koyu .yd-yz-bas a { color: #FF8A8A; }
.yd-afis-c { display: block; overflow: hidden; aspect-ratio: 2 / 1; background: #2B2B2B; border-radius: 6px; }
.yd-afis-img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease, filter .4s; font-size: 40px; }
a:hover .yd-afis-img, button:hover .yd-afis-img { transform: scale(1.03); }
/* Kutu yığını */
.yd-yigin { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.yd-yigin-e { padding: 3px 10px 4px; background: var(--kirmizi); color: #fff; font-family: var(--baslik); font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.yd-yigin-b span { display: inline; padding: 2px 8px; background: #fff; color: #0F0F0F; font-family: var(--baslik); font-size: 19px; line-height: 1.55; font-weight: 700; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.yd-yigin-a span { display: inline; padding: 2px 8px; background: #fff; color: #222; font-family: var(--baslik); font-size: 15px; line-height: 1.6; font-weight: 300; font-style: italic; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.yd-yigin.kucuk .yd-yigin-e { font-size: 11px; }
.yd-yigin.kucuk .yd-yigin-b span { font-size: 16px; }
.yd-yigin.kucuk .yd-yigin-a span { font-size: 13px; }
a:hover .yd-yigin-b span { background: var(--kirmizi); color: #fff; }
/* B Afiş vitrini */
.yd-vitrin2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.yd-vitrin2-o { display: flex; flex-direction: column; gap: 12px; }
.yd-vitrin2-alt { display: flex; flex-direction: column; gap: 6px; }
.yd-vitrin2-b { font-family: var(--baslik); font-size: 17px; line-height: 1.3; font-weight: 700; color: var(--murekkep); }
.yd-vitrin2-o.buyuk .yd-vitrin2-b { font-size: 24px; line-height: 1.2; }
.yd-vitrin2-o-o { font-size: 15px; line-height: 1.55; color: #555; }
.yd-vitrin2-o:hover .yd-vitrin2-b { color: var(--kirmizi); }
.yd-vitrin2-o:hover { color: inherit; }
/* C Etiket yığını */
.yd-yigin-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; }
.yd-yigin-kart { display: flex; flex-direction: column; gap: 14px; color: #fff; }
.yd-yigin-kart:hover { color: #fff; }
.yd-yigin-kart .yd-yigin { margin-top: -38px; margin-left: 12px; position: relative; z-index: 1; }
.yd-yigin-o { font-size: 14.5px; line-height: 1.55; color: #BDBDBD; }
.yd-grenli-koyu .yd-tarih { color: #9A9A9A; }
.yd-yigin-satirlar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 34px; padding-top: 26px; border-top: 1px solid #333; }
.yd-yigin-satirlar a { display: flex; flex-direction: column; gap: 8px; color: #fff; }
/* D Galeri */
.yd-galeri { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.yd-galeri-buyuk { display: flex; flex-direction: column; gap: 14px; animation: yd-belir .4s ease; }
.yd-galeri-buyuk[hidden] { display: none; }
.yd-galeri-buyuk:hover { color: inherit; }
.yd-galeri-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; }
.yd-galeri-o { flex: 1 1 380px; font-size: 15.5px; line-height: 1.6; color: #444; }
.yd-galeri-liste { display: grid; grid-auto-flow: column; grid-auto-columns: 60%; gap: 12px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; }
.yd-galeri-liste button { scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; padding: 6px; border: 2px solid transparent; border-radius: 10px; background: transparent; text-align: left; opacity: .7; transition: opacity .2s, border-color .2s, background .2s; }
.yd-galeri-liste button:hover { opacity: 1; }
.yd-galeri-liste button[aria-selected="true"] { opacity: 1; border-color: var(--kirmizi); background: #fff; }
.yd-galeri-lb { font-family: var(--baslik); font-size: 14px; line-height: 1.3; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (min-width: 640px) {
	.yd-vitrin2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-vitrin2-o.buyuk { grid-column: 1 / -1; }
	.yd-yigin-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-yigin-satirlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-galeri-liste { grid-auto-columns: 32%; }
}
@media (min-width: 1024px) {
	.yd-grenli { padding: 56px 0 60px; }
	.yd-grenli.yd-grenli-kutu { padding: 36px 40px 40px; }
	.yd-vitrin2 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; }
	.yd-vitrin2-o.buyuk { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 32px; align-items: center; }
	.yd-vitrin2-o.buyuk .yd-vitrin2-b { font-size: 30px; }
	.yd-yigin-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
	.yd-yigin-satirlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-galeri { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 28px; align-items: start; }
	.yd-galeri-liste { grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; gap: 6px; }
	.yd-galeri-liste button { flex-direction: row; align-items: center; gap: 12px; }
	.yd-galeri-liste button .yd-afis-c { flex: none; width: 136px; }
}

/* ---------- Tablet ---------- */
@media (min-width: 640px) {
	.yd-kap { padding: 0 24px; }
	.yd-secici i { display: inline; }
	.yd-serit-sosyal { display: flex; }
	.yd-slayt-yazi { padding: 32px 32px 100px; }
	.yd-slayt-b { font-size: clamp(26px, 3.6vw, 32px); }
	.yd-slayt-o { display: block; }
	.yd-sekmeler { left: 32px; right: 32px; bottom: 28px; }
	.yd-hikayeler { padding-left: 24px; padding-right: 24px; }
	.yd-halkalar { justify-content: center; margin: 0; padding: 4px 0; }
	.yd-m-dort { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; margin: 0; padding: 0; gap: 22px; }
	.yd-m-uc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-m-iki { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
	.yd-krem { padding: 30px 30px 32px; }
	.yd-mozaik { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.yd-mozaik-0 { grid-column: 1 / -1; }
	.yd-mozaik-3 { grid-column: auto; }
	.yd-panel { padding: 36px; }
	.yd-panel h2 { font-size: 32px; }
	.yd-m-sutunlar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
	.yd-bant-sira { grid-auto-columns: 42%; margin: 0; padding: 0 0 4px; }
	.yd-b-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.yd-b-buyuk .yd-k-ortu .yd-k-gk { aspect-ratio: 16 / 9; }
	.yd-b-buyuk .yd-k-ortu .yd-k-b { font-size: 30px; }
	.yd-k-ortu .yd-k-yazi { padding: 100px 24px 22px; }
	.yd-bloklar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-yazilar-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-alt-ic { grid-template-columns: 1.2fr 1fr; }
	.yd-son-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
	.yd-haber-b { font-size: clamp(28px, 3.4vw, 36px); }
	.yd-onceki-sonraki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-arsiv-ilk { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 28px; }
	.yd-arsiv-ilk-b { font-size: clamp(26px, 3.2vw, 34px); }
	.yd-arsiv-bas h1 { font-size: 44px; }
	.yd-abone { padding: 0 24px; }
	.yd-ab-ic { padding: 30px 34px 32px; }
	.yd-ab h1 { font-size: 48px; }
	.yd-vitrin { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-vitrin-0 { grid-column: 1 / -1; }
	.yd-vitrin-izgara, .yd-izgara-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-izgara-liste.liste { grid-template-columns: minmax(0, 1fr); }
	.yd-gor { display: flex; }
	.yd-m-yatay { gap: 22px; }
	.yd-m-yatay .yd-m-gk { order: 0; width: 260px; aspect-ratio: 16 / 10; border-radius: var(--r); }
	.yd-m-yatay .yd-m-o { display: -webkit-box; }
	.yd-m-yatay .yd-m-b { font-size: 20px; }
	.yd-abone-ic { padding: 32px 40px; }
}

/* ---------- Masaüstü ---------- */
@media (min-width: 1024px) {
	body { padding-bottom: 0; }
	.yd-kap { padding: 0 32px; }
	.yd-altbar, .yd-mobil { display: none !important; }
	.yd-masa { display: inline-flex !important; }
	.yd-baslik-ic { height: 72px; gap: 22px; padding-left: 32px; padding-right: 32px; }
	.yd-baslik-ic > .yd-logo { margin: 0; }
	.yd-logo-img { height: 36px; }
	.yd-nav { display: flex; flex: 0 0 auto; gap: 2px; }
	.yd-nav > a:nth-child(n+8):not(.yd-nav-tum) { display: none; }
	.yd-baslik-ic > .yd-logo { flex: none; }
	.yd-nav a { position: relative; flex: none; padding: 10px 10px; font-family: var(--baslik); font-size: 15px; font-weight: 600; white-space: nowrap; }
	.yd-nav a[aria-current]::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; border-radius: 2px; background: var(--kirmizi); }
	.yd-baslik-eylem { margin-left: auto; }
	.yd-baslik-eylem .yd-btn { min-height: 40px; }
	.yd-serit { height: 50px; }
	.yd-manset { margin-top: 0; }
	.yd-manset-sahne { height: clamp(460px, calc(100vh - 230px), 560px); }
	.yd-slayt-yazi { top: 0; bottom: 0; right: 380px; justify-content: flex-end; padding: 48px 56px 52px; gap: 14px; }
	.yd-slayt > a::after { background: linear-gradient(0deg, rgba(40,0,6,.78) 0%, rgba(40,0,6,.35) 45%, rgba(0,0,0,0) 70%), linear-gradient(90deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.4) 100%); }
	.yd-slayt-b { font-size: clamp(28px, 2.3vw, 34px); max-width: none; text-wrap: pretty; }
	.yd-sekmeler { left: auto; right: 44px; top: 50%; bottom: auto; transform: translateY(-50%); width: 300px; flex-direction: column; gap: 18px; }
	.yd-sekme-c { width: 62px; height: 62px; }
	.yd-sekme-b { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.yd-hikayeler { display: none; }
	.yd-halkalar { gap: 30px; }
	.yd-halka { width: 92px; }
	.yd-halka-c { width: 88px; height: 88px; }
	.yd-mbolum { padding-top: 56px; }
	.yd-mb h2 { font-size: 26px; }
	.yd-m-dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.yd-m-uc { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 32px; }
	.yd-krem { padding: 34px 36px 38px; }
	.yd-mozaik { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: 230px 230px; gap: 14px; }
	.yd-mozaik-0 { grid-column: 1; grid-row: 1 / 3; }
	.yd-mozaik-1 { grid-column: 2; grid-row: 1; }
	.yd-mozaik-2 { grid-column: 2; grid-row: 2; }
	.yd-mozaik-3 { grid-column: 3; grid-row: 1 / 3; }
	.yd-mozaik .yd-m-ortu, .yd-mozaik .yd-m-ortu .yd-m-ic { min-height: 0; height: 100%; }
	.yd-mozaik-0 .yd-m-b { font-size: 30px; }
	.yd-mozaik-3 .yd-m-b { font-size: 19px; }
	.yd-m-yanli { grid-template-columns: minmax(0, 1fr) 320px; gap: 44px; }
	.yd-m-yan { position: sticky; top: calc(var(--ust) + 92px); }
	.yd-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px; padding: 48px 56px; }
	.yd-m-kadin-ic { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; align-items: stretch; }
	.yd-m-kadin-ic > .yd-m-ortu, .yd-m-kadin-ic > .yd-m-ortu .yd-m-ic { min-height: 400px; }
	.yd-m-kadin-ic > .yd-m-ortu .yd-m-b { font-size: 28px; }
	.yd-panel h2 { font-size: 38px; }
	.yd-tek { grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; padding-top: 24px; }
	.yd-tek-yan { position: sticky; top: calc(var(--ust) + 92px); }
	.yd-haber-govde { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 24px; }
	.yd-yan-paylas { order: 0; position: sticky; top: calc(var(--ust) + 100px); align-self: start; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; gap: 10px; margin: 0; padding: 0; border: 0; }
	.yd-yan-paylas > span { margin: 0; flex-direction: column; gap: 2px; font-size: 12px; }
	.yd-yan-paylas > span { display: flex; flex-direction: column; align-items: center; gap: 2px; font-family: var(--baslik); font-size: 12px; font-weight: 600; }
	.yd-yan-paylas a, .yd-yan-paylas button { width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #fff; transition: transform .2s; }
	.yd-yan-paylas a:hover, .yd-yan-paylas button:hover { color: #fff; transform: scale(1.08); }
	.yd-yan-paylas .yd-renk-facebook { background: #1877F2; } .yd-yan-paylas .yd-renk-x { background: #111; } .yd-yan-paylas .yd-renk-whatsapp { background: #128C4B; } .yd-yan-paylas .yd-renk-telegram { background: #1D8FC4; }
	.yd-yan-paylas .yd-kopyala { background: var(--yumusak); color: var(--murekkep); }
	.yd-yan-paylas .yd-kopyala:hover { color: var(--murekkep); }
	.yd-haber .yd-etiketler, .yd-haber .yd-paylas-satir, .yd-haber .yd-yazar-kutu, .yd-haber .yd-onceki-sonraki { margin-left: 88px; }
	.yd-metin { font-size: var(--fs, 18px); }
	.yd-son-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
	.yd-son-liste a::before { content: counter(son); flex: none; width: 28px; font-family: var(--baslik); font-size: 28px; font-weight: 800; line-height: 1; color: var(--kirmizi); }
	.yd-son-g { display: none !important; }
	.yd-son { padding-top: 16px; }
	.yd-bolum { padding-top: 56px; }
	.yd-bloklar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
	.yd-yazilar-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
	.yd-b-izgara { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); gap: 24px; }
	.yd-b-buyuk { grid-column: 1; grid-row: 1 / 3; }
	.yd-b-buyuk .yd-k-ortu, .yd-b-buyuk .yd-k-ortu .yd-k-gk { height: 100%; }
	.yd-b-buyuk .yd-k-ortu .yd-k-gk { aspect-ratio: auto; min-height: 460px; }
	.yd-bant-sira { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; overflow: visible; }
	.yd-alt-ic { grid-template-columns: 1.3fr 1fr 1fr; }
	.yd-abone { padding: 0 32px; }
	.yd-ab h1 { font-size: 60px; }
	.yd-ab-harf { font-size: 220px; right: 48px; }
	.yd-ab-ic { padding: 36px 44px 38px; }
	.yd-vitrin { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: 250px 250px; gap: 14px; }
	.yd-vitrin-0 { grid-column: 1; grid-row: 1 / 3; }
	.yd-vitrin .yd-m-ortu, .yd-vitrin .yd-m-ortu .yd-m-ic { min-height: 0; height: 100%; }
	.yd-vitrin-0 .yd-m-b { font-size: 34px; }
	.yd-vitrin-izgara, .yd-izgara-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
	.yd-izgara-liste.liste { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.yd-arsiv-yanli { grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; }
	.yd-m-yatay .yd-m-gk { width: 300px; }
	.yd-abone-ic { max-width: 1176px; margin: 0 auto; padding: 36px 48px; }
	.yd-secici { bottom: 20px; }
	.yd-sayfa .yd-haber-govde { display: block; }
	.yd-izle { background: rgba(0,0,0,.94); }
	.yd-izle-sahne { max-width: 430px; height: min(100vh - 40px, 860px); top: 50%; transform: translateY(-50%); border-radius: 16px; }
}

/* Üzerine gelince görsel açılan liste (fareli ekranlar) */
@media (min-width: 1024px) and (hover: hover) {
	.yd-satir { gap: 0; padding: 20px 0; }
	.yd-satir-gk { order: 0; width: 0; height: 132px; opacity: 0; margin-right: 0; transition: width .45s cubic-bezier(.2,.7,.2,1), opacity .35s, margin-right .45s; }
	.yd-satir:hover .yd-satir-gk, .yd-satir:focus-visible .yd-satir-gk { width: 210px; opacity: 1; margin-right: 24px; }
	.yd-satir:hover .yd-satir-g { transform: scale(1.06); }
	.yd-satir-b { font-size: clamp(21px, 2.1vw, 27px); line-height: 1.2; }
	.yd-satir-o { display: block; max-width: 760px; }
	.yd-satir-ok { display: block; flex: none; margin-left: 24px; opacity: .35; }
	.yd-satir:hover .yd-satir-ok { opacity: 1; transform: translateX(6px); }
}
@media (min-width: 1024px) and (hover: none) {
	.yd-satir-gk { order: 0; width: 180px; height: 120px; margin-right: 20px; }
	.yd-satir-b { font-size: 23px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.yd-kayan { overflow-x: auto; }
	.yd-kayan-iz { animation: none; }
}

/* Ana sayfada okuma süresi gösterilmez */
.yd-okuma { display: none; }
.yd-meta:not(:has(.yd-meta-n:not(.yd-okuma))) { display: none; }
/* Ana sayfa kategori bölümlerinde kartlarda kategori etiketi gösterilmez (yan sütun hariç) */
.home section[aria-labelledby^="yd-m-"] .yd-pill { display: none; }
.home section[aria-labelledby^="yd-m-"] .yd-m-yan .yd-pill { display: inline-flex; }

/* =========================================================
   Alt bilgi (A Koyu, B Açık, C Kırmızı bant) — telefonda açılır bölümler
   ========================================================= */
.yd-alt { margin-top: 56px; padding: 40px 0 0; font-size: 14.5px; }
.yd-alt-a { background: #0F0F10; color: #C9C9C9; }
.yd-alt-b { background: #F4F4F5; color: #444; border-top: 4px solid var(--kirmizi); }
.yd-alt-c { background: #111; color: #C9C9C9; padding-top: 0; }
.yd-alt-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.yd-alt-marka { display: flex; flex-direction: column; gap: 12px; padding-bottom: 22px; }
.yd-alt .yd-logo-img { height: 38px; }
.yd-alt-marka p, .yd-alt-bant p { margin: 0; font-family: var(--baslik); font-weight: 600; }
.yd-alt-a .yd-alt-marka p, .yd-alt-c p { color: #fff; }
.yd-alt-sosyal { display: flex; flex-wrap: wrap; gap: 8px; }
.yd-alt-sosyal a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff; transition: background .2s; }
.yd-alt-sosyal a:hover { background: var(--kirmizi); color: #fff; }
.yd-alt-b .yd-alt-sosyal a { background: #fff; color: var(--murekkep); border: 1px solid #E2E2E2; }
.yd-alt-b .yd-alt-sosyal a:hover { background: var(--kirmizi); color: #fff; border-color: var(--kirmizi); }
.yd-acilir { border-top: 1px solid rgba(255,255,255,.12); }
.yd-alt-b .yd-acilir { border-top-color: #E2E2E2; }
.yd-acilir summary { display: flex; align-items: center; justify-content: space-between; min-height: 54px; cursor: pointer; list-style: none; font-family: var(--baslik); font-size: 15px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; }
.yd-alt-b .yd-acilir summary { color: var(--murekkep); }
.yd-acilir summary::-webkit-details-marker { display: none; }
.yd-acilir summary svg { transition: transform .25s; }
.yd-acilir[open] summary svg { transform: rotate(180deg); }
.yd-acilir-ic { padding: 2px 0 20px; }
.yd-alt-liste .yd-acilir-ic { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
.yd-alt-liste a { display: inline-flex; align-items: center; gap: 6px; }
.yd-alt-liste a svg { opacity: .5; transform: rotate(-45deg); }
.yd-alt a:hover { color: #fff; }
.yd-alt-b a:hover { color: var(--kirmizi); }
.yd-alt-iletisim p { margin: 0 0 12px; }
.yd-alt-iletisim a { color: #fff; }
.yd-alt-b .yd-alt-iletisim a { color: var(--murekkep); font-weight: 600; }
.yd-alt-abone { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px; background: var(--kirmizi); color: #fff !important; font-family: var(--baslik); font-weight: 600; }
.yd-alt-abone:hover { background: var(--kirmizi-2); }
.yd-alt-son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; padding-top: 18px; padding-bottom: 22px; border-top: 1px solid rgba(255,255,255,.12); font-size: 12.5px; color: #8A8A8A; }
.yd-alt-b .yd-alt-son { border-top-color: #E2E2E2; color: #6B6B6B; }
.yd-alt-bant { background: var(--kirmizi); color: #fff; margin-bottom: 26px; }
.yd-alt-bant-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; padding-top: 26px; padding-bottom: 26px; }
.yd-alt-bant .yd-alt-sosyal a { background: rgba(255,255,255,.18); }
.yd-alt-bant .yd-alt-sosyal a:hover { background: #fff; color: var(--kirmizi); }
@media (min-width: 1024px) {
	.yd-alt { padding-top: 56px; }
	.yd-alt-c { padding-top: 0; }
	.yd-alt-ic { grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 34px; }
	.yd-alt-c .yd-alt-ic { grid-template-columns: 1fr 1fr 1fr; padding-top: 20px; }
	.yd-acilir { border-top: 0; }
	.yd-acilir summary { min-height: 0; margin-bottom: 16px; pointer-events: none; }
	.yd-acilir summary svg { display: none; }
	.yd-alt-liste .yd-acilir-ic { grid-template-columns: 1fr; gap: 10px; }
	.yd-alt-kat-iki .yd-acilir-ic { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) { .yd-baslik-ic { gap: 14px; } .yd-baslik-ic > .yd-logo { margin-right: 14px; } .yd-nav-menu { margin-left: -6px; } }
@media (min-width: 1024px) and (max-width: 1199px) { .yd-baslik-ic { gap: 8px; padding-left: 24px; padding-right: 24px; } .yd-nav a { padding: 10px 7px; font-size: 14px; } .yd-logo-img { height: 32px; } .yd-baslik-eylem .yd-btn { padding: 0 14px; } }

/* Alt bilgi A — minimal: solda marka bloğu, sağda tek satırlık listeler */
.yd-alt-a { padding-top: 36px; }
.yd-alt-a .yd-alt-iletisim .yd-alt-abone { display: none; }
.yd-alt-a .yd-alt-liste a svg { display: none; }
@media (min-width: 1024px) {
	.yd-alt-a { padding-top: 48px; }
	.yd-alt-a .yd-alt-ic { grid-template-columns: 320px minmax(0, 1fr); gap: 0 56px; padding-bottom: 36px; }
	.yd-alt-a .yd-alt-marka { grid-row: 1 / span 2; padding-bottom: 0; }
	.yd-alt-a .yd-acilir { grid-column: 2; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.08); }
	.yd-alt-a .yd-acilir:first-of-type { border-top: 0; padding-top: 4px; }
	.yd-alt-a .yd-acilir summary { float: left; width: 130px; margin: 0; padding-top: 1px; font-size: 12px; letter-spacing: .1em; color: #8A8A8A; }
	.yd-alt-a .yd-acilir-ic { overflow: hidden; padding: 0; }
	.yd-alt-a .yd-alt-liste .yd-acilir-ic { display: flex; flex-wrap: wrap; gap: 6px 20px; }
	.yd-alt-a .yd-alt-iletisim p { margin: 0; }
	.yd-alt-a .yd-alt-iletisim br { display: none; }
	.yd-alt-a .yd-alt-son { border-top-color: rgba(255,255,255,.08); }
}

/* Alt bilgi D — Bopea tarzı: açık gri, renkli logo, kare renkli sosyal ikonlar, 3 sütun */
.yd-alt-d { background: #F7F7F7; color: #3A3A3A; }
.yd-alt-d .yd-alt-marka p { color: #3A3A3A; }
.yd-alt-d .yd-alt-marka p:first-of-type { color: var(--murekkep); }
.yd-alt-aciklama { font-family: var(--govde) !important; font-weight: 400 !important; font-size: 15px; line-height: 1.6; max-width: 380px; }
.yd-alt-d .yd-alt-sosyal a { width: 36px; height: 36px; border-radius: 8px; color: #fff; }
.yd-alt-d .yd-alt-sosyal a:hover { transform: translateY(-2px); filter: brightness(1.1); }
.yd-alt-d .yd-alt-sosyal .yd-s-facebook { background: #1877F2; }
.yd-alt-d .yd-alt-sosyal .yd-s-x { background: #000; }
.yd-alt-d .yd-alt-sosyal .yd-s-instagram { background: linear-gradient(45deg, #F58529, #DD2A7B 50%, #8134AF); }
.yd-alt-d .yd-alt-sosyal .yd-s-youtube { background: #E00000; }
.yd-alt-d .yd-alt-sosyal .yd-s-telegram { background: #1D8FC4; }
.yd-alt-d .yd-acilir { border-top-color: #E4E4E4; }
.yd-alt-d .yd-acilir summary { color: var(--murekkep); text-transform: none; letter-spacing: 0; font-size: 18px; }
.yd-alt-d .yd-alt-liste a { font-family: var(--baslik); font-weight: 500; color: #222; }
.yd-alt-d .yd-alt-liste a svg { display: none; }
.yd-alt-d a:hover, .yd-alt-d .yd-alt-liste a:hover { color: var(--kirmizi); }
.yd-alt-d .yd-alt-iletisim a { color: var(--murekkep); font-weight: 600; }
.yd-alt-not2 { color: #555; line-height: 1.6; }
.yd-alt-d .yd-alt-son { border-top-color: #E4E4E4; color: #444; font-size: 14px; }
.yd-alt-son-nav { display: flex; gap: 0; }
.yd-alt-son-nav a { padding: 0 12px; border-left: 1px solid #D4D4D4; font-family: var(--baslik); font-weight: 500; color: #222; }
.yd-alt-son-nav a:first-child { border-left: 0; padding-left: 0; }
@media (min-width: 1024px) {
	.yd-alt-d .yd-alt-ic { grid-template-columns: 1fr 1.25fr 0.9fr; gap: 56px; padding-bottom: 44px; }
	.yd-alt-d .yd-alt-bag .yd-acilir-ic { align-items: start; }
	.yd-alt-d .yd-alt-liste a { white-space: nowrap; }
	.yd-alt-d .yd-acilir summary { margin-bottom: 18px; }
	.yd-alt-d .yd-alt-bag .yd-acilir-ic { grid-template-columns: 1fr 1fr; gap: 12px 24px; }
	.yd-alt-d .yd-alt-son { padding-top: 22px; padding-bottom: 26px; }
}

/* Alt bilgi D — koyu zemin */
.yd-alt-d { background: #151515; color: #BDBDBD; }
.yd-alt-d .yd-alt-marka p, .yd-alt-d .yd-alt-marka p:first-of-type { color: #fff; }
.yd-alt-d .yd-acilir { border-top-color: rgba(255,255,255,.1); }
.yd-alt-d .yd-acilir summary { color: #fff; }
.yd-alt-d .yd-alt-liste a { color: #D6D6D6; }
.yd-alt-d .yd-alt-iletisim a { color: #fff; }
.yd-alt-d .yd-alt-not2 { color: #A8A8A8; }
.yd-alt-d a:hover, .yd-alt-d .yd-alt-liste a:hover { color: #FF8A8A; }
.yd-alt-d .yd-alt-son { border-top-color: rgba(255,255,255,.1); }
.yd-alt-d .yd-alt-son-nav a { color: #D6D6D6; border-left-color: rgba(255,255,255,.18); }
.yd-alt-d .yd-alt-son-nav a:hover { color: #fff; }
.yd-alt-d .yd-alt-sosyal .yd-s-x { background: #000; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }

/* =========================================================
   Mobil düzeltmeler ve yeni alt çubuk
   ========================================================= */
@media (max-width: 1023px) {
	/* yana kayan sıralar: ilk kart kenara yapışmasın */
	.yd-m-dort, .yd-bant-sira, .yd-yz-kay, .yd-galeri-liste, .yd-halkalar { scroll-padding-inline: 16px; }
	/* sosyal karolar mobilde gizli (alt bilgide var) */
	.yd-m-yan .yd-karolar, .yd-tek-yan .yd-karolar { display: none; }
	.yd-m-yan-b { margin-top: 0; }
	/* Dünya: ilk kart büyük, diğerleri kompakt satır */
	.yd-m-iki { gap: 0; }
	.yd-m-iki > .yd-m-kart + .yd-m-kart { flex-direction: row; align-items: center; gap: 14px; padding: 14px 0; border: 0; border-top: 1px solid var(--cizgi); border-radius: 0; box-shadow: none; transform: none; }
	.yd-m-iki > .yd-m-kart:first-child { margin-bottom: 8px; }
	.yd-m-iki > .yd-m-kart + .yd-m-kart .yd-m-gk { order: 2; flex: none; width: 104px; height: 78px; aspect-ratio: auto; border-radius: 10px; }
	.yd-m-iki > .yd-m-kart + .yd-m-kart .yd-m-ic { padding: 0; gap: 6px; }
	.yd-m-iki > .yd-m-kart + .yd-m-kart .yd-m-b { font-size: 15.5px; -webkit-line-clamp: 3; }
	.yd-m-iki > .yd-m-kart + .yd-m-kart .yd-m-o { display: none; }
	/* başlık ve bölüm aralıkları */
	.yd-mbolum { padding-top: 36px; }
	.yd-mb { margin-bottom: 14px; }
	.yd-mb h2 { font-size: 22px; }
	.yd-hikayeler { padding-top: 20px; }
	.yd-tek { gap: 28px; }
	.yd-haber .yd-etiketler { margin-top: 4px; }

	/* ---------- Yeni alt çubuk: yüzen, buzlu cam, aktif öğe kırmızı hap ---------- */
	:root { --altbar: calc(84px + env(safe-area-inset-bottom)); }
	.yd-altbar { left: 12px; right: 12px; bottom: calc(10px + env(safe-area-inset-bottom)); padding: 6px; border: 1px solid rgba(0,0,0,.06); border-radius: 24px; background: rgba(255,255,255,.82); -webkit-backdrop-filter: saturate(1.6) blur(16px); backdrop-filter: saturate(1.6) blur(16px); box-shadow: 0 14px 34px -14px rgba(0,0,0,.35), 0 2px 6px -2px rgba(0,0,0,.08); align-items: center; transition: transform .35s cubic-bezier(.2,.7,.2,1), opacity .35s; }
	.yd-altbar.gizli { transform: translateY(calc(100% + 24px)); opacity: 0; }
	.yd-altbar > a, .yd-altbar > button { position: relative; min-height: 52px; gap: 2px; border-radius: 18px; font-size: 10.5px; font-weight: 600; color: #6B6B6B; transition: color .2s, background .2s; -webkit-tap-highlight-color: transparent; }
	.yd-altbar > a svg, .yd-altbar > button svg { width: 22px; height: 22px; transition: transform .2s; }
	.yd-altbar > a:active svg, .yd-altbar > button:active svg { transform: scale(.88); }
	.yd-altbar [aria-current] { background: var(--kirmizi-acik); color: var(--kirmizi); }
	/* ortadaki Hikayeler: yükseltilmiş, hikaye halkası gibi */
	.yd-altbar .yd-hikaye-ilk { color: var(--murekkep); }
	.yd-altbar .yd-hikaye-ilk svg { box-sizing: content-box; width: 22px; height: 22px; padding: 9px; margin-top: -26px; border-radius: 50%; background: var(--kirmizi); color: #fff; box-shadow: 0 0 0 3px #fff, 0 0 0 5px #F59E0B, 0 10px 20px -8px rgba(200,16,46,.7); }
	.yd-altbar .yd-hikaye-ilk svg circle { stroke: transparent; }
	.yd-secici { bottom: calc(var(--altbar) + 8px); }
}
@media (max-width: 1023px) and (prefers-reduced-motion: reduce) { .yd-altbar { transition: none; } }
@media (max-width: 1023px) { .yd-tek-yan { display: none; } }
.yd-mobil-gazete { margin-top: 40px; }
.yd-mobil-gazete .yd-gazete-b { display: none; } /* telefonda yalnızca kart, başlık yok */
@media (min-width: 1024px) { .yd-mobil-gazete { display: none; } }
.yd-m-ortu::after { background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.92)); }
.yd-m-ortu .yd-m-b { text-shadow: 0 1px 3px rgba(0,0,0,.45); }
@media (max-width: 1023px) { .yd-m-ortu .yd-m-o { display: none; } }
@media (max-width: 1023px) { .yd-haber .yd-yol, .yd-ab .yd-yol { display: none; } }
/* Mobil: Güncel ve Emek tek sıra kaydırmalı, ekranda 2 kart + sonrakinin ucu */
@media (max-width: 639px) {
	.yd-m-dort { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: calc(50% - 22px); gap: 12px; overflow-x: auto; margin: 0 -16px; padding: 4px 16px 10px; scroll-padding-inline: 16px; }
	.yd-m-dort .yd-m-kart .yd-m-ic { padding: 10px 11px 12px; gap: 6px; }
	.yd-m-dort .yd-m-b { font-size: 14.5px; line-height: 1.28; -webkit-line-clamp: 4; }
	.yd-m-dort .yd-m-o { display: none; }
	.yd-m-dort .yd-meta { font-size: 11.5px; }
	.yd-m-dort .yd-m-kart:hover { transform: none; }
}
/* Mobil: Yazılar galerisi — büyük yazının altında diğerleri tek sıra kaydırmalı */
@media (max-width: 1023px) {
	.yd-galeri-liste { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: calc(50% - 18px); gap: 12px; overflow-x: auto; margin: 0 -14px; padding: 0 14px 4px; scroll-padding-inline: 14px; scroll-snap-type: x mandatory; }
	.yd-galeri-liste button { padding: 0; border: 0; background: transparent !important; opacity: 1; }
	.yd-galeri-liste button[aria-selected="true"] { display: none; }
	.yd-galeri-liste button .yd-afis-c { border-radius: 8px; }
	.yd-galeri-lb { font-size: 13.5px; -webkit-line-clamp: 3; }
	.yd-galeri-o { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex-basis: 100%; }
	.yd-grenli.yd-grenli-kutu { padding: 22px 14px 24px; }
}
/* Mobil alt menü: ekranın en altına yapışık, her zaman görünür */
@media (max-width: 1023px) {
	:root { --altbar: calc(66px + env(safe-area-inset-bottom)); }
	.yd-altbar { left: 0; right: 0; bottom: 0; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); border: 0; border-top: 1px solid rgba(0,0,0,.07); border-radius: 20px 20px 0 0; box-shadow: 0 -8px 24px -14px rgba(0,0,0,.3); }
	.yd-altbar.gizli { transform: none; opacity: 1; }
}
@media (max-width: 1023px) { .yd-m-iki > .yd-m-kart + .yd-m-kart .yd-m-gk { display: none; } .yd-m-iki > .yd-m-kart + .yd-m-kart .yd-m-b { font-size: 16px; } }

/* ---------- Menü çekmecesi: sağdan açılan panel, içi kendi içinde kayar ---------- */
.yd-cekmece { position: fixed; inset: 0; z-index: 130; background: rgba(15,15,16,.5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); animation: yd-cek-zemin .25s ease; }
.yd-cekmece-ic { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); height: 100dvh; display: flex; flex-direction: column; gap: 22px; overflow-y: auto; overscroll-behavior: contain; padding: calc(var(--ust) + 14px) 20px calc(24px + env(safe-area-inset-bottom)); background: #fff; box-shadow: -20px 0 50px -20px rgba(0,0,0,.45); animation: yd-cek-gir .32s cubic-bezier(.2,.7,.2,1); }
@keyframes yd-cek-gir { from { transform: translateX(100%); } to { transform: none; } }
@keyframes yd-cek-zemin { from { opacity: 0; } to { opacity: 1; } }
.yd-cekmece-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.yd-cekmece-bas .yd-logo-img { height: 32px; }
.yd-menu-kapat { background: var(--yumusak); }
.yd-menu-kapat:hover { background: var(--murekkep); color: #fff; }
.yd-cekmece-ara { display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 16px; border-radius: 14px; background: var(--yumusak); color: var(--gri); }
.yd-cekmece-ara:focus-within { box-shadow: 0 0 0 2px var(--murekkep); }
.yd-cekmece-ara input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; font: inherit; font-size: 16px; color: var(--murekkep); outline: 0; }
.yd-cekmece-b { margin: 0 0 10px; font-family: var(--baslik); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gri); }
.yd-cekmece-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.yd-cek-k { display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 12px; font-family: var(--baslik); font-size: 15px; font-weight: 600; transition: border-color .2s, background .2s, color .2s; }
.yd-cek-k span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yd-cek-k i { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--k, var(--kirmizi)); }
.yd-cek-k small { flex: none; font-size: 12px; font-weight: 500; color: var(--gri); }
.yd-cek-k:hover { border-color: var(--k, var(--murekkep)); color: var(--murekkep); background: color-mix(in srgb, var(--k, #111) 6%, #fff); }
.yd-cek-k[aria-current] { background: var(--k, var(--kirmizi)); border-color: var(--k, var(--kirmizi)); color: #fff; }
.yd-cek-k[aria-current] i { background: #fff; }
.yd-cek-k[aria-current] small { color: rgba(255,255,255,.85); }
.yd-cek-ana { background: var(--yumusak); border-color: transparent; }
.yd-cek-ana svg { flex: none; color: var(--kirmizi); }
.yd-cek-ana[aria-current] { background: var(--kirmizi); color: #fff; }
.yd-cek-ana[aria-current] svg { color: #fff; }
.yd-cekmece-alt { display: flex; flex-direction: column; gap: 14px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--cizgi); }
.yd-cek-abone { width: 100%; min-height: 50px; border-radius: 14px; }
.yd-cek-sosyal { display: flex; justify-content: center; gap: 10px; }
.yd-cek-sosyal a { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #fff; transition: transform .2s; }
.yd-cek-sosyal a:hover { color: #fff; transform: translateY(-2px); }
.yd-cek-sosyal .yd-s-facebook { background: #1877F2; } .yd-cek-sosyal .yd-s-x { background: #000; } .yd-cek-sosyal .yd-s-instagram { background: linear-gradient(45deg, #F58529, #DD2A7B 50%, #8134AF); } .yd-cek-sosyal .yd-s-youtube { background: #E00000; } .yd-cek-sosyal .yd-s-telegram { background: #1D8FC4; }
@media (max-width: 479px) { .yd-cekmece-ic { width: 100vw; } }
@media (prefers-reduced-motion: reduce) { .yd-cekmece, .yd-cekmece-ic { animation: none; } }
/* Hikaye halkaları ana sayfada gösterilmez; hikayeler alt menüdeki Hikayeler düğmesiyle açılır */
.yd-hikayeler { display: none !important; }

/* ---------- Menü alternatifleri: B Tam ekran, C Alttan açılan, D Sade liste ---------- */
.yd-cekmece[data-onizle] ~ .yd-secici, body:has(.yd-cekmece[data-onizle]:not([hidden])) .yd-secici { z-index: 140; }
/* B — Tam ekran koyu, büyük yazılar */
.yd-menu-b { background: #0F0F10; -webkit-backdrop-filter: none; backdrop-filter: none; }
.yd-menu-b .yd-cekmece-ic { left: 0; width: 100%; background: #0F0F10; color: #fff; box-shadow: none; animation: yd-cek-zemin .3s ease; padding-left: max(20px, calc((100vw - 980px) / 2)); padding-right: max(20px, calc((100vw - 980px) / 2)); }
.yd-menu-b .yd-menu-kapat { background: rgba(255,255,255,.1); color: #fff; }
.yd-menu-b .yd-menu-kapat:hover { background: var(--kirmizi); }
.yd-menu-b .yd-cekmece-ara { background: rgba(255,255,255,.08); color: #9A9A9A; }
.yd-menu-b .yd-cekmece-ara input { color: #fff; }
.yd-menu-b .yd-cekmece-b { color: #8A8A8A; }
.yd-menu-b .yd-cekmece-izgara { grid-template-columns: 1fr; gap: 0; }
.yd-menu-b .yd-cek-k { min-height: 0; padding: 12px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.08); border-radius: 0; background: none !important; color: #fff; font-size: 28px; font-weight: 700; letter-spacing: -.01em; }
.yd-menu-b .yd-cek-k i { width: 12px; height: 12px; }
.yd-menu-b .yd-cek-k svg { width: 24px; height: 24px; }
.yd-menu-b .yd-cek-k:hover, .yd-menu-b .yd-cek-k[aria-current] { color: var(--kirmizi); }
.yd-menu-b .yd-cek-k[aria-current] i { background: var(--kirmizi); }
.yd-menu-b .yd-cekmece-alt { border-top-color: rgba(255,255,255,.1); }
.yd-menu-b .yd-cek-x, .yd-menu-b .yd-cek-sosyal .yd-s-x { box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
@media (min-width: 768px) { .yd-menu-b .yd-cekmece-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; } .yd-menu-b .yd-cek-k { font-size: 34px; } }
/* C — Alttan açılan sayfa (bottom sheet), kategoriler hap düğmeler */
.yd-menu-c .yd-cekmece-ic { top: auto; left: 0; right: 0; width: 100%; height: auto; max-height: 88dvh; gap: 18px; padding-top: 26px; border-radius: 26px 26px 0 0; box-shadow: 0 -20px 50px -20px rgba(0,0,0,.45); animation: yd-cek-alt .34s cubic-bezier(.2,.7,.2,1); }
.yd-menu-c .yd-cekmece-ic::before { content: ""; position: absolute; top: 9px; left: 50%; width: 44px; height: 5px; margin-left: -22px; border-radius: 3px; background: #D9D9D9; }
@keyframes yd-cek-alt { from { transform: translateY(100%); } to { transform: none; } }
.yd-menu-c .yd-cekmece-izgara { display: flex; flex-wrap: wrap; gap: 8px; }
.yd-menu-c .yd-cek-k { min-height: 44px; padding: 0 16px; border-radius: 999px; font-size: 15px; }
.yd-menu-c .yd-cek-k span { overflow: visible; }
.yd-menu-c .yd-cekmece-alt { margin-top: 0; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.yd-menu-c .yd-cek-abone { width: auto; }
@media (min-width: 768px) { .yd-menu-c .yd-cekmece-ic { left: 50%; right: auto; width: 720px; margin-left: -360px; bottom: 24px; border-radius: 26px; animation: yd-cek-alt2 .34s cubic-bezier(.2,.7,.2,1); } @keyframes yd-cek-alt2 { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } } }
/* D — Sol panel, sade tek sütun liste */
.yd-menu-d .yd-cekmece-ic { right: auto; left: 0; width: min(360px, 100vw); box-shadow: 20px 0 50px -20px rgba(0,0,0,.45); animation: yd-cek-sol .32s cubic-bezier(.2,.7,.2,1); }
@keyframes yd-cek-sol { from { transform: translateX(-100%); } to { transform: none; } }
.yd-menu-d .yd-cekmece-izgara { grid-template-columns: 1fr; gap: 0; }
.yd-menu-d .yd-cek-k { min-height: 54px; padding: 0 4px; border: 0; border-bottom: 1px solid var(--cizgi); border-radius: 0; background: none !important; color: var(--murekkep); font-size: 18px; }
.yd-menu-d .yd-cek-k::after { content: "›"; margin-left: auto; font-size: 22px; font-weight: 400; color: #B5B5B5; transition: transform .2s, color .2s; }
.yd-menu-d .yd-cek-k:hover::after, .yd-menu-d .yd-cek-k[aria-current]::after { color: var(--kirmizi); transform: translateX(3px); }
.yd-menu-d .yd-cek-k[aria-current] { color: var(--kirmizi); }
.yd-menu-d .yd-cek-k[aria-current] i { background: var(--kirmizi); }
.yd-menu-d .yd-cek-ana svg { color: var(--murekkep); }
@media (max-width: 1023px) { .yd-m-yanli > .yd-m-yan { display: none; } .yd-m-yanli { gap: 0; } }
.yd-cekmece-ic > * { flex-shrink: 0; }
.yd-cekmece-ic { box-sizing: border-box; max-width: 100vw; }
.yd-menu-c .yd-cek-k { flex: 0 1 auto; max-width: 100%; }
.yd-menu-c .yd-cek-sosyal { flex-wrap: wrap; }
/* Mobil Dünya: görselsiz başlık satırlarında solda kırmızı çizgi */
@media (max-width: 1023px) { .yd-m-iki > .yd-m-kart + .yd-m-kart { padding-left: 16px; } .yd-m-iki > .yd-m-kart + .yd-m-kart::before { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 3px; border-radius: 2px; background: var(--kirmizi); } }

/* Varsayılan: telefonda C (alttan açılan), masaüstünde A (yan panel) */
@media (max-width: 1023px) {
	.yd-menu-mc .yd-cekmece-ic { top: auto; left: 0; right: 0; width: 100%; height: auto; max-height: 88dvh; gap: 18px; padding-top: 26px; border-radius: 26px 26px 0 0; box-shadow: 0 -20px 50px -20px rgba(0,0,0,.45); animation: yd-cek-alt .34s cubic-bezier(.2,.7,.2,1); }
	.yd-menu-mc .yd-cekmece-ic::before { content: ""; position: absolute; top: 9px; left: 50%; width: 44px; height: 5px; margin-left: -22px; border-radius: 3px; background: #D9D9D9; }
	.yd-menu-mc .yd-cekmece-izgara { display: flex; flex-wrap: wrap; gap: 8px; }
	.yd-menu-mc .yd-cek-k { min-height: 44px; padding: 0 16px; border-radius: 999px; font-size: 15px; }
	.yd-menu-mc .yd-cek-k span { overflow: visible; }
	.yd-menu-mc .yd-cekmece-alt { margin-top: 0; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; }
	.yd-menu-mc .yd-cek-abone { width: auto; }
	.yd-menu-mc .yd-cek-k { flex: 0 1 auto; max-width: 100%; }
	.yd-menu-mc .yd-cek-sosyal { flex-wrap: wrap; }
}
@media (max-width: 1023px) { .yd-altbar > a, .yd-altbar > button { font-size: 10px; white-space: nowrap; } .yd-altbar .yd-hikaye-ilk { letter-spacing: -.01em; } }
/* Alt menü: tüm etiketler aynı hizada (alta yaslı) */
@media (max-width: 1023px) { .yd-altbar > a, .yd-altbar > button { justify-content: flex-end; padding-bottom: 7px; gap: 3px; } .yd-altbar .yd-hikaye-ilk svg { margin-top: -30px; margin-bottom: 1px; } }
/* Mobil menü (alttan açılan): kategoriler alt alta liste */
@media (max-width: 1023px) {
	.yd-menu-mc .yd-cekmece-izgara { display: flex; flex-direction: column; gap: 0; }
	.yd-menu-mc .yd-cek-k { min-height: 50px; padding: 0 4px; border: 0; border-bottom: 1px solid var(--cizgi); border-radius: 0; background: none !important; color: var(--murekkep); font-size: 17px; }
	.yd-menu-mc .yd-cek-k::after { content: "›"; margin-left: auto; font-size: 22px; font-weight: 400; color: #B5B5B5; }
	.yd-menu-mc .yd-cek-k[aria-current] { color: var(--kirmizi); }
	.yd-menu-mc .yd-cek-k[aria-current] i { background: var(--kirmizi); }
	.yd-menu-mc .yd-cek-k[aria-current]::after { color: var(--kirmizi); }
	.yd-menu-mc .yd-cek-ana svg { color: var(--kirmizi); }
	.yd-menu-mc .yd-cek-ana[aria-current] svg { color: var(--kirmizi); }
}
/* Mobil başlık: uygulama içi tarayıcılarda (Telegram, Instagram) kaymaması için ekrana sabit */
@media (max-width: 1023px) {
	.yd-baslik { position: fixed; top: 0; left: 0; right: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; padding-top: env(safe-area-inset-top); }
	body { padding-top: calc(60px + env(safe-area-inset-top)); }
	html { scroll-padding-top: calc(70px + env(safe-area-inset-top)); }
	.yd-ilerleme { top: calc(60px + env(safe-area-inset-top)); }
	.yd-ara { top: calc(60px + env(safe-area-inset-top)); }
}
@media (min-width: 601px) and (max-width: 1023px) { body.admin-bar .yd-baslik { top: var(--ust); } body.admin-bar { padding-top: calc(60px + var(--ust)); } }

/* ---------- Yazılar alt kategorileri (üst menü + çekmece) ---------- */
@media (min-width: 1024px) {
	.yd-nav-alt { position: relative; display: flex; }
	.yd-nav .yd-nav-ust { display: inline-flex; align-items: center; }
	.yd-nav-ust::before { content: ""; order: 2; display: inline-block; width: 6px; height: 6px; margin: 0 0 3px 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); vertical-align: middle; opacity: .55; transition: transform .2s; }
	.yd-nav-alt:hover .yd-nav-ust::before, .yd-nav-alt:focus-within .yd-nav-ust::before { transform: translateY(2px) rotate(225deg); }
	.yd-nav-acilir { position: absolute; top: 100%; left: -8px; z-index: 60; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 6px; width: 420px; padding: 10px; margin-top: 8px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px var(--cizgi), 0 24px 50px -18px rgba(0,0,0,.35); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility 0s .18s; }
	.yd-nav-acilir::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; } /* fare boşlukta kapanmasın */
	.yd-nav-alt:hover .yd-nav-acilir, .yd-nav-alt:focus-within .yd-nav-acilir { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
	.yd-nav .yd-nav-acilir a { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; font-size: 14px; font-weight: 600; white-space: normal; }
	.yd-nav .yd-nav-acilir a::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--kirmizi); opacity: .35; transition: opacity .15s; }
	.yd-nav .yd-nav-acilir a:hover { background: var(--kirmizi-acik, #FBEAEC); color: var(--kirmizi); }
	.yd-nav .yd-nav-acilir a:hover::before, .yd-nav .yd-nav-acilir a[aria-current]::before { opacity: 1; }
	.yd-nav .yd-nav-acilir a[aria-current] { color: var(--kirmizi); }
	.yd-nav .yd-nav-acilir a[aria-current]::after { display: none; }
}

.yd-cek-ok { flex: none; width: 7px; height: 7px; margin: 0 4px 3px auto; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: .5; transition: transform .2s; }
.yd-cek-yazilar[aria-expanded="true"] .yd-cek-ok { transform: translateY(3px) rotate(225deg); }
.yd-cek-yazilar[aria-expanded="true"]:not([aria-current]) { border-color: var(--murekkep); }
.yd-cek-alt { grid-column: 1 / -1; display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 8px; padding: 8px; border-radius: 12px; background: #F5F5F5; }
.yd-cek-alt.acik { display: grid; animation: yd-cek-alt-ac .2s ease-out; }
.yd-cek-alt a { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 10px; border-radius: 8px; font-family: var(--baslik); font-size: 13.5px; font-weight: 600; }
.yd-cek-alt a::before { content: ""; flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--kirmizi); }
.yd-cek-alt a:hover, .yd-cek-alt a[aria-current] { background: #fff; color: var(--kirmizi); }
@keyframes yd-cek-alt-ac { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.yd-menu-b .yd-cek-alt { background: rgba(255,255,255,.06); }
.yd-menu-b .yd-cek-alt a { color: #fff; font-size: 16px; }
@media (max-width: 1023px) {
	.yd-menu-mc .yd-cek-yazilar::after { display: none; }
	.yd-menu-mc .yd-cek-yazilar .yd-cek-ok { margin-right: 8px; }
	.yd-menu-mc .yd-cek-alt { margin: 8px 0; }
	.yd-menu-mc .yd-cek-alt a { font-size: 14px; }
}






/* "Yeni Demokrasi oku" başlığı: iki yanda kırmızı çizgi */
.yd-gazete-b { display: flex; align-items: center; gap: 14px; margin: 14px 0 16px; font-family: var(--baslik); font-size: 15px; line-height: 1; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--murekkep); }
.yd-gazete-b::before, .yd-gazete-b::after { content: ""; flex: 1; height: 2px; border-radius: 2px; background: var(--kirmizi); }
.yd-gazete-b span { flex: none; white-space: nowrap; }
.yd-gazete-b em { font-style: normal; color: var(--kirmizi); }


/* ---------- PDF önizleyici ([yd_pdf]) — açık renk ---------- */
.yd-pdf { margin: 28px 0; overflow: hidden; border: 1px solid #E3E3E3; border-radius: 16px; background: #F4F4F4; color: var(--murekkep); font-family: var(--baslik); outline: none; }
.yd-pdf:focus-visible { box-shadow: 0 0 0 3px rgba(200,16,46,.35); }
.yd-pdf a, .yd-pdf a:hover { color: inherit; text-decoration: none; }
.yd-pdf button { font-family: inherit; color: inherit; cursor: pointer; }
.yd-pdf-sahne { position: relative; display: flex; align-items: center; justify-content: center; min-height: calc(var(--sayfa-h, 440px) + 48px); padding: 24px 12px; background: radial-gradient(75% 65% at 50% 45%, #FFFFFF 0%, #EDEDED 100%); perspective: 1800px; }
.yd-pdf-yukleniyor { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: min(320px, 70vw); height: 440px; background: #fff; color: var(--gri); font-size: 14px; cursor: default; }
.yd-pdf-yukleniyor i { width: 34px; height: 34px; border-radius: 50%; border: 3px solid #E5E5E5; border-top-color: var(--kirmizi); animation: yd-pdf-don .8s linear infinite; }
@keyframes yd-pdf-don { to { transform: rotate(360deg); } }
.yd-pdf-hata-m { display: none; position: absolute; left: 16px; right: 16px; bottom: 16px; margin: 0; text-align: center; font-size: 14px; }
.yd-pdf-hata-m a { text-decoration: underline; }
.yd-pdf.hata .yd-pdf-hata-m { display: block; }
.yd-pdf.hata .yd-pdf-yukleniyor i { display: none; }
.yd-pdf-ok { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 46px; height: 46px; margin-top: -23px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--murekkep); box-shadow: 0 6px 18px -6px rgba(0,0,0,.3); transition: background .2s, color .2s, opacity .2s; }
.yd-pdf-ok:hover { background: var(--kirmizi); color: #fff; }
.yd-pdf-ok-sol { left: 12px; }
.yd-pdf-ok-sag { right: 12px; }
.yd-pdf:not(.hazir) .yd-pdf-ok { opacity: 0; pointer-events: none; }
.yd-pdf-cubuk { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; border-top: 1px solid #E3E3E3; background: #fff; }
.yd-pdf-gez { display: flex; align-items: center; gap: 6px; }
.yd-pdf-gez button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #F1F1F1; }
.yd-pdf-gez button:hover:not(:disabled) { background: var(--kirmizi); color: #fff; }
.yd-pdf-gez button:disabled { opacity: .35; cursor: default; }
.yd-pdf-sayac { min-width: 70px; text-align: center; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
.yd-pdf-araclar { display: flex; align-items: center; gap: 4px; }
.yd-pdf-araclar > * { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: #444; font-size: 13px; font-weight: 600; transition: background .2s, color .2s; }
.yd-pdf-araclar > *:hover { background: #F1F1F1; color: var(--murekkep); }
.yd-pdf-araclar > [aria-pressed="true"] { background: #FDECEF; color: var(--kirmizi); }
.yd-pdf-ses .yd-pdf-ses-kapali { display: none; }
.yd-pdf-ses[aria-pressed="false"] .yd-pdf-ses-dalga { display: none; }
.yd-pdf-ses[aria-pressed="false"] .yd-pdf-ses-kapali { display: inline; }
.yd-pdf-serit { display: none; gap: 10px; padding: 12px 14px 14px; overflow-x: auto; background: #fff; scrollbar-width: thin; scrollbar-color: #CCC transparent; }
.yd-pdf.serit-acik .yd-pdf-serit { display: flex; }
.yd-pdf-serit button { flex: none; display: flex; flex-direction: column; align-items: center; gap: 4px; width: 70px; padding: 0; border: 0; background: none; opacity: .65; transition: opacity .2s; }
.yd-pdf-serit button:hover, .yd-pdf-serit button.su { opacity: 1; }
.yd-pdf-serit canvas { display: block; width: 100%; height: auto; border-radius: 2px; box-shadow: 0 0 0 1px #E3E3E3; outline: 2px solid transparent; outline-offset: 2px; }
.yd-pdf-serit button.su canvas { outline-color: var(--kirmizi); }
.yd-pdf-serit span { font-size: 11px; font-weight: 600; }
.yd-pdf:fullscreen { display: flex; flex-direction: column; margin: 0; border: 0; border-radius: 0; }
.yd-pdf:fullscreen .yd-pdf-sahne { flex: 1; }
.yd-pdf.tam-yedek { position: fixed; inset: 0; z-index: 9999; display: flex; flex-direction: column; margin: 0; border: 0; border-radius: 0; }
.yd-pdf.tam-yedek .yd-pdf-sahne { flex: 1; }
@media (max-width: 1100px) { .yd-pdf-araclar span { display: none; } .yd-pdf-araclar > * { width: 36px; padding: 0; justify-content: center; } }
@media (max-width: 600px) {
	.yd-pdf { margin-left: -16px; margin-right: -16px; border-left: 0; border-right: 0; border-radius: 0; }
	.yd-pdf-ok, .yd-pdf-mod { display: none !important; }
	.yd-pdf-cubuk { padding: 8px 10px; }
}

/* ---------- Yan sütun: Yeni Demokrasi oku (son sayı) — kırmızı yatay kart (müşterinin seçtiği) ---------- */
.yd-gazete { position: relative; isolation: isolate; display: grid; grid-template-columns: 44% minmax(0, 1fr); align-items: center; gap: 18px; padding: 22px 18px 22px 20px; overflow: hidden; border-radius: 18px; color: #fff; background: radial-gradient(120% 80% at 100% 0%, #E2283F 0%, rgba(226,40,63,0) 60%), linear-gradient(155deg, #C8102E 0%, #8A0B20 100%); box-shadow: 0 22px 40px -24px rgba(138,11,32,.9); }
.yd-gazete:hover, .yd-gazete:hover * { color: #fff; } /* genel a:hover kırmızısı yazıları okunmaz yapmasın */
.yd-gazete::before, .yd-gazete::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); }
.yd-gazete::before { width: 260px; height: 260px; right: -110px; bottom: -130px; }
.yd-gazete::after { width: 160px; height: 160px; right: -60px; bottom: -80px; }
.yd-gazete-kapak { display: block; transform: rotate(-5deg); transform-origin: 60% 80%; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.yd-gazete-img { display: block; width: 100%; height: auto; border-radius: 3px; background: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.25), 0 20px 30px -12px rgba(0,0,0,.65), 6px 6px 0 -1px rgba(255,255,255,.18); }
.yd-gazete:hover .yd-gazete-kapak { transform: rotate(0) translateY(-4px) scale(1.04); }
.yd-gazete-bilgi { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
.yd-gazete-etiket { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.16); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.yd-gazete-etiket i { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: yd-gazete-nabiz 1.8s ease-in-out infinite; }
@keyframes yd-gazete-nabiz { 50% { opacity: .3; } }
.yd-gazete-no { font-family: var(--baslik); font-size: 26px; line-height: 1.05; font-weight: 800; letter-spacing: -.01em; }
.yd-gazete-manset { font-family: var(--baslik); font-size: 15px; line-height: 1.25; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.yd-gazete-tarih { font-size: 12px; opacity: .72; }
.yd-gazete-oku { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 8px 14px; border-radius: 999px; background: #fff; color: var(--kirmizi); font-family: var(--baslik); font-size: 13px; font-weight: 700; transition: background .2s; }
.yd-gazete:hover .yd-gazete-oku, .yd-gazete:hover .yd-gazete-oku * { color: var(--kirmizi); }
.yd-gazete:hover .yd-gazete-oku { background: #FFF1F3; }
.yd-gazete-oku svg { transition: transform .25s; }
.yd-gazete:hover .yd-gazete-oku svg { transform: translateX(3px); }

/* PDF önizleyici: sayfalar ve çevirme yaprağı */
.yd-pdf-kagit { position: relative; display: flex; cursor: pointer; perspective: 2400px; transform-style: preserve-3d; }
.yd-pdf-yuva { position: relative; flex: none; }
.yd-pdf-yuva canvas { display: block; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 22px 44px -18px rgba(0,0,0,.35); }
.yd-pdf-yuva.bos canvas { display: none; }
/* Cilt yeri gölgesi */
.yd-pdf-kagit.cift .yd-pdf-yuva:not(.bos)::after { content: ""; position: absolute; top: 0; bottom: 0; width: 30px; pointer-events: none; }
.yd-pdf-kagit.cift .yd-pdf-yuva.sol::after { right: 0; background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.16)); }
.yd-pdf-kagit.cift .yd-pdf-yuva.sag::after { left: 0; background: linear-gradient(270deg, rgba(0,0,0,0), rgba(0,0,0,.18) 90%, rgba(0,0,0,.24)); }
.yd-pdf-yaprak { position: absolute; top: 0; z-index: 3; transform-style: preserve-3d; will-change: transform; }
.yd-pdf-yaprak.sagdan { transform-origin: 0 50%; }
.yd-pdf-yaprak.soldan { transform-origin: 100% 50%; }
.yd-pdf-yaprak.tek { transform-origin: 0 50%; }
.yd-pdf-yuz { position: absolute; inset: 0; overflow: hidden; background: #fff; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: 0 10px 30px -10px rgba(0,0,0,.4); }
.yd-pdf-yuz.arka { transform: rotateY(180deg); }
.yd-pdf-yuz canvas { display: block; }
.yd-pdf-golge { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.yaprak-sag-golge, .yd-pdf-yaprak.sagdan .on .yd-pdf-golge, .yd-pdf-yaprak.tek .on .yd-pdf-golge { background: linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,0,0,.05) 40%, rgba(255,255,255,.15)); }
.yd-pdf-yaprak.sagdan .arka .yd-pdf-golge { background: linear-gradient(270deg, rgba(0,0,0,.35), rgba(0,0,0,.05) 40%, rgba(255,255,255,.15)); }
.yd-pdf-yaprak.soldan .on .yd-pdf-golge { background: linear-gradient(270deg, rgba(0,0,0,.35), rgba(0,0,0,.05) 40%, rgba(255,255,255,.15)); }
.yd-pdf-yaprak.soldan .arka .yd-pdf-golge { background: linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,0,0,.05) 40%, rgba(255,255,255,.15)); }
.yd-pdf-yaprak .yd-pdf-yuz:empty, .yd-pdf-yaprak .yd-pdf-yuz:not(:has(canvas)) { background: #FAFAFA; }

/* ---------- Gazete arşivi sayfası ---------- */
.yd-arsiv { margin-top: 22px; margin-bottom: 40px; }
.yd-arsiv-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.yd-arsiv-yillar { display: flex; flex-wrap: wrap; gap: 6px; }
.yd-arsiv-yil { min-height: 38px; padding: 0 16px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; font-family: var(--baslik); font-size: 14px; font-weight: 600; color: var(--murekkep); cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.yd-arsiv-yil:hover { border-color: var(--murekkep); }
.yd-arsiv-yil[aria-pressed="true"] { border-color: var(--kirmizi); background: var(--kirmizi); color: #fff; }
.yd-arsiv-ara { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; color: var(--gri); }
.yd-arsiv-ara input { width: 190px; border: 0; outline: 0; background: none; font: inherit; font-size: 14px; color: var(--murekkep); }
.yd-arsiv-ara:focus-within { border-color: var(--murekkep); }
@media (max-width: 599px) { .yd-arsiv-ara { flex: 1 1 100%; } .yd-arsiv-ara input { flex: 1; width: auto; min-width: 0; font-size: 16px; } }
/* Konu araması sonuçları (içindekiler başlıkları) */
.yd-arsiv-izgara[hidden] { display: none; }
.yd-arsiv-sonuc-bas { margin: 0 0 12px; font-size: 14px; color: var(--gri); }
.yd-arsiv-sonuc ul { display: flex; flex-direction: column; max-width: 860px; margin: 0; padding: 0; list-style: none; }
.yd-arsiv-sonuc li + li { border-top: 1px solid var(--cizgi); }
.yd-arsiv-bulunan { display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px 0; border: 0; background: none; text-align: left; font: inherit; color: var(--murekkep); cursor: pointer; }
.yd-arsiv-bulunan img { flex: none; width: 46px; aspect-ratio: 779 / 1077; object-fit: cover; object-position: top; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.yd-arsiv-bulunan span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.yd-arsiv-bulunan small { font-size: 12.5px; color: var(--gri); }
.yd-arsiv-bulunan b { font-family: var(--baslik); font-size: 16px; line-height: 1.3; font-weight: 600; }
.yd-arsiv-bulunan mark { background: none; color: var(--kirmizi); }
.yd-arsiv-bulunan:hover b { color: var(--kirmizi); }
.yd-arsiv-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 16px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 600px) { .yd-arsiv-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .yd-arsiv-izgara { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px 22px; } }
@media (min-width: 1200px) { .yd-arsiv-izgara { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.yd-arsiv-sayi { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; width: 100%; padding: 0; border: 0; background: none; text-align: left; font: inherit; color: var(--murekkep); cursor: pointer; }
.yd-arsiv-kapak { position: relative; display: block; width: 100%; aspect-ratio: 779 / 1077; margin-bottom: 8px; overflow: hidden; border-radius: 4px; background: #EEE; box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 14px 26px -16px rgba(0,0,0,.45); transition: transform .3s, box-shadow .3s; }
.yd-arsiv-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.yd-arsiv-kapak em { position: absolute; left: 8px; top: 8px; padding: 3px 8px; border-radius: 999px; background: var(--kirmizi); color: #fff; font-family: var(--baslik); font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.yd-arsiv-sayi:hover .yd-arsiv-kapak { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 22px 32px -16px rgba(0,0,0,.5); }
.yd-arsiv-sayi b { font-family: var(--baslik); font-size: 16px; font-weight: 700; }
.yd-arsiv-sayi:hover b { color: var(--kirmizi); }
.yd-arsiv-sayi small { font-size: 13px; color: var(--gri); }
.yd-arsiv-kaynak { margin: 30px 0 0; font-size: 13px; color: var(--gri); }
.yd-arsiv-kaynak a { text-decoration: underline; }
.yd-arsiv-pencere { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(17,17,17,.6); backdrop-filter: blur(6px); }
.yd-arsiv-pencere[hidden] { display: none; }
.yd-arsiv-pencere-ic { display: flex; flex-direction: column; width: min(1200px, 100%); max-height: 100%; overflow: auto; border-radius: 18px; background: #fff; box-shadow: 0 40px 80px -30px rgba(0,0,0,.6); }
.yd-arsiv-pencere-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 12px 12px 20px; border-bottom: 1px solid var(--cizgi); font-family: var(--baslik); font-size: 16px; }
.yd-arsiv-govde .yd-pdf { margin: 0; border: 0; border-radius: 0; }
@media (max-width: 600px) {
	.yd-arsiv-pencere { padding: 0; }
	.yd-arsiv-pencere-ic { height: 100%; border-radius: 0; }
	.yd-arsiv-govde .yd-pdf { margin: 0; }
}
.yd-takip-b { margin-top: 0; }
.yd-gazete + .yd-takip-b { margin-top: 26px; } /* gazete kartının kırmızı gölgesi başlığa binmesin */
@media (max-width: 600px) { .yd-pdf-sahne { padding: 12px 8px; min-height: calc(var(--sayfa-h, 440px) + 24px); } .yd-pdf-yukleniyor { height: 360px; } }

/* ---------- Fotoğraf galerisi (haber içi, [gallery]) ---------- */
.yd-fg { display: grid; gap: 6px; margin: 28px 0; overflow: hidden; border-radius: 14px; }
.yd-fg-o[hidden] { display: none; }
.yd-fg-o { position: relative; display: block; min-height: 0; overflow: hidden; background: #ECECEC; cursor: zoom-in; }
.yd-fg-o img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.yd-fg-o:hover img { transform: scale(1.04); }
.yd-fg-n1 { grid-template-columns: 1fr; }
.yd-fg-n1 .yd-fg-o { aspect-ratio: 16 / 10; }
.yd-fg-n2 { grid-template-columns: 1fr 1fr; grid-auto-rows: 260px; }
.yd-fg-n3 { grid-template-columns: 2fr 1fr; grid-template-rows: 170px 170px; }
.yd-fg-n4 { grid-template-columns: 2fr 1fr; grid-template-rows: 112px 112px 112px; }
.yd-fg-n5 { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 170px 170px; }
.yd-fg-n3 > :first-child, .yd-fg-n5 > :first-child { grid-row: span 2; }
.yd-fg-n4 > :first-child { grid-row: span 3; }
.yd-fg-sayi { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: rgba(17,17,17,.62); backdrop-filter: blur(6px); color: #fff; font-family: var(--baslik); font-size: 12px; font-weight: 600; }
.yd-fg-fazla { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(17,17,17,.55); color: #fff; font-family: var(--baslik); font-size: 30px; font-weight: 800; letter-spacing: -.02em; }
@media (max-width: 600px) {
	.yd-fg { margin-left: -16px; margin-right: -16px; border-radius: 0; gap: 4px; }
	.yd-fg-n3, .yd-fg-n4, .yd-fg-n5 { grid-template-columns: 1fr 1fr; grid-template-rows: 230px; grid-auto-rows: 130px; }
	.yd-fg-n3 > :first-child, .yd-fg-n4 > :first-child, .yd-fg-n5 > :first-child { grid-column: span 2; grid-row: auto; }
	.yd-fg-n4 > .yd-fg-o:nth-child(4) { grid-column: span 2; }
	.yd-fg-n2 { grid-auto-rows: 170px; }
}

/* Tam ekran fotoğraf görüntüleyici */
.yd-isik { position: fixed; inset: 0; z-index: 400; display: flex; align-items: center; justify-content: center; background: rgba(10,10,10,.96); color: #fff; touch-action: pan-y; }
.yd-isik[hidden] { display: none; }
.yd-isik-g { max-width: 94vw; max-height: 84vh; object-fit: contain; border-radius: 4px; box-shadow: 0 30px 80px rgba(0,0,0,.6); transition: opacity .2s; }
.yd-isik-g.yukleniyor { opacity: .35; }
.yd-isik button { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; cursor: pointer; backdrop-filter: blur(8px); transition: background .2s; }
.yd-isik button:hover { background: var(--kirmizi); }
.yd-isik-kapat { top: calc(14px + env(safe-area-inset-top)); right: 14px; }
.yd-isik-geri { left: 16px; top: 50%; margin-top: -24px; }
.yd-isik-ileri { right: 16px; top: 50%; margin-top: -24px; }
.yd-isik-sayac { position: absolute; top: calc(26px + env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); font-family: var(--baslik); font-size: 14px; font-weight: 600; letter-spacing: .04em; opacity: .85; }
@media (max-width: 600px) {	/* Telefonda oklar fotoğrafın üstünde değil, altta sayacın iki yanında: ‹ 2 / 7 › */	.yd-isik-g { max-width: 100vw; max-height: 74vh; border-radius: 0; }	.yd-isik .yd-isik-geri, .yd-isik .yd-isik-ileri { top: auto; bottom: calc(18px + env(safe-area-inset-bottom)); margin: 0; width: 44px; height: 44px; background: none; backdrop-filter: none; opacity: .9; }	.yd-isik .yd-isik-geri:hover, .yd-isik .yd-isik-ileri:hover { background: none; }	.yd-isik .yd-isik-geri { left: calc(50% - 92px); }	.yd-isik .yd-isik-ileri { right: calc(50% - 92px); }	.yd-isik-sayac { top: auto; bottom: calc(31px + env(safe-area-inset-bottom)); }}

/* ---------- X / Instagram paylaşımı: sade kart ([data-yd-gomu]) ---------- */
.yd-gomu { max-width: 560px; margin: 26px 0; padding: 16px 18px; border: 1px solid var(--cizgi); border-radius: 14px; background: #fff; font-family: var(--govde); }
.yd-gomu-bas { display: flex; align-items: center; gap: 10px; }
.yd-gomu-ikon { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #111; color: #fff; }
.yd-gomu-ig .yd-gomu-ikon { background: linear-gradient(45deg, #F58529, #DD2A7B 55%, #8134AF); }
.yd-gomu-kim { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.yd-gomu-kim b { overflow: hidden; font-family: var(--baslik); font-size: 15px; font-weight: 700; color: var(--murekkep); text-overflow: ellipsis; white-space: nowrap; }
.yd-gomu-kim small { font-size: 13px; color: var(--gri); }
.yd-gomu-metin { margin: 12px 0 2px; font-size: 16px; line-height: 1.55; color: #222; }
.yd-gomu-metin p { margin: 0; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.yd-gomu-metin a { color: var(--kirmizi); }
.yd-gomu-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.yd-gomu-goster { padding: 8px 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; color: var(--murekkep); font-family: var(--baslik); font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color .2s, background .2s; }
.yd-gomu-goster:hover { border-color: var(--murekkep); background: #F6F6F6; }
.yd-gomu-alt a { font-family: var(--baslik); font-size: 13px; font-weight: 600; color: var(--gri); text-decoration: none; }
.yd-gomu-alt a:hover { color: var(--kirmizi); }
.yd-gomu > template { display: none; }
/* Açılınca asıl kutu: kart çerçevesi kalkar */
.yd-gomu.acik { padding: 0; border: 0; background: none; }
.yd-gomu.acik > :not(.yd-gomu-asil) { display: none; }
.yd-gomu-asil { min-height: 120px; }
.yd-gomu-asil .twitter-tweet, .yd-gomu-asil .instagram-media { margin: 0 !important; }

/* ---------- Canlı arama sonuçları ---------- */
.yd-canli-form { position: relative; }
.yd-canli { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 120; max-height: min(70vh, 520px); overflow-y: auto; padding: 6px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px var(--cizgi), 0 24px 48px -20px rgba(0,0,0,.35); text-align: left; }
.yd-canli[hidden] { display: none; }
.yd-canli.yukleniyor { opacity: .6; }
.yd-canli-o { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; color: var(--murekkep); text-decoration: none; }
.yd-canli-o:hover, .yd-canli-o.secili { background: #F4F4F4; }
.yd-canli-o img, .yd-canli-g { flex: none; width: 52px; height: 52px; border-radius: 8px; object-fit: cover; background: #ECECEC; }
.yd-canli-o > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.yd-canli-o b { font-family: var(--baslik); font-size: 15px; line-height: 1.3; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.yd-canli-o mark { background: none; color: var(--kirmizi); }
.yd-canli-o small { font-size: 12.5px; color: var(--gri); }
.yd-canli-tum { display: block; margin-top: 4px; padding: 12px 10px 8px; border-top: 1px solid var(--cizgi); color: var(--kirmizi); font-family: var(--baslik); font-size: 14px; font-weight: 600; text-decoration: none; }
.yd-canli-bos { margin: 0; padding: 16px 12px; color: var(--gri); font-size: 14px; }
/* Açılır menüdeki arama: sonuçlar menünün içinde, akışta */
.yd-cekmece-ara.yd-canli-form { flex-wrap: wrap; height: auto; min-height: 50px; }
.yd-cekmece-ara .yd-canli { position: static; flex: 0 0 100%; margin: 0 -10px 10px; box-shadow: 0 0 0 1px var(--cizgi); }
.yd-cekmece-ara input { min-height: 50px; }

/* ---------- Dış bağlantı kartı: X/Instagram kartıyla aynı (.yd-gomu-link, görselsiz, tamamı tıklanır) ---------- */
a.yd-gomu-link { display: block; color: inherit; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
a.yd-gomu-link:hover { border-color: #CFCFCF; box-shadow: 0 14px 30px -22px rgba(0,0,0,.35); }
.yd-gomu-link .yd-gomu-ikon { background: #F1F1F1; color: var(--gri); }
.yd-gomu-link .yd-gomu-ikon img { width: 18px; height: 18px; margin: 0; border-radius: 4px; }
.yd-gomu-link .yd-gomu-metin { display: flex; flex-direction: column; gap: 4px; }
.yd-gomu-baslik { font-family: var(--baslik); font-size: 16.5px; line-height: 1.3; font-weight: 700; color: var(--murekkep); }
.yd-gomu-ozet { font-size: 14.5px; line-height: 1.5; color: #555; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.yd-gomu-git { font-family: var(--baslik); font-size: 13px; font-weight: 600; color: var(--gri); }
a.yd-gomu-link:hover .yd-gomu-git, a.yd-gomu-link:hover .yd-gomu-baslik { color: var(--kirmizi); }

/* X: asıl gönderi kendiliğinden yüklenirken görünmez katmanda çizilir, sade kart üstte kalır (yd.js xOtomatik) */
.yd-gomu.yukleniyor { position: relative; overflow: hidden; }
.yd-gomu.yukleniyor .yd-gomu-asil { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; pointer-events: none; }
/* X gönderisi daha dar (kullanıcı "biraz küçültelim"); kart da aynı genişlikte, geçişte zıplamasın */
.yd-gomu-x, .yd-metin figure.yd-gomu-x { max-width: 420px !important; }
.yd-gomu-x .yd-gomu-asil .twitter-tweet, .yd-gomu-x .yd-gomu-asil iframe { max-width: 100% !important; }

/* Dinle: kapak görselinin sağ altında küçük oynatıcı (yd_dinle) — koyu buzlu cam hap, tıklayınca yerinde çubuğa açılır */
.yd-haber-g { position: relative; }
.yd-dinle { position: absolute; right: 14px; bottom: 14px; z-index: 3; font-family: var(--baslik); color: #fff; }
.yd-kapak .yd-dinle { top: 14px; bottom: auto; }
.yd-dinle.yd-dinle-satir { position: static; display: flex; justify-content: flex-end; margin: 0 0 18px; color: var(--murekkep); }
.yd-dinle-ac, .yd-dinle-cubuk { background: rgba(17, 17, 17, .62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .14); border-radius: 999px; box-shadow: 0 6px 20px rgba(0, 0, 0, .18); }
.yd-dinle-ac { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px 7px 11px; color: #fff; font: 600 13px/1 var(--baslik); cursor: pointer; transition: background .2s, transform .15s; }
.yd-dinle-ac:hover { background: var(--kirmizi); }
.yd-dinle-ac:active { transform: scale(.97); }
.yd-dinle-sure { font-weight: 500; opacity: .75; font-variant-numeric: tabular-nums; }
.yd-dinle-sure:not(:empty)::before { content: "·"; margin-right: 6px; }
.yd-dinle.acik .yd-dinle-ac { display: none; }
.yd-dinle-cubuk { display: flex; align-items: center; gap: 4px; width: 330px; max-width: calc(100vw - 60px); padding: 5px 8px 5px 5px; animation: yd-dinle-ac .22s ease-out; }
.yd-dinle-cubuk[hidden] { display: none; }
@keyframes yd-dinle-ac { from { opacity: 0; transform: scale(.92); transform-origin: right center; } }
.yd-dinle-cubuk button { flex: none; display: grid; place-items: center; border: 0; background: none; color: #fff; cursor: pointer; }
.yd-dinle-oynat { width: 32px; height: 32px; border-radius: 50%; background: var(--kirmizi) !important; }
.yd-dinle-oynat .i-oynat { margin-left: 2px; }
.yd-dinle .i-dur, .yd-dinle.caliyor .i-oynat { display: none; }
.yd-dinle.caliyor .i-dur { display: block; }
.yd-dinle-geri { position: relative; width: 30px; height: 30px; opacity: .9; }
.yd-dinle-geri small { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -42%); font-size: 7.5px; font-weight: 700; }
.yd-dinle-geri:hover, .yd-dinle-kapat:hover { opacity: 1; }
.yd-dinle-iz { position: relative; flex: 1; height: 4px; margin: 0 6px; border-radius: 4px; background: rgba(255, 255, 255, .25); cursor: pointer; touch-action: none; }
.yd-dinle-iz::before { content: ""; position: absolute; inset: -10px 0; }
.yd-dinle-iz span { display: block; width: 0; height: 100%; border-radius: inherit; background: #fff; }
.yd-dinle-zaman { flex: none; font-size: 11.5px; font-weight: 500; opacity: .85; font-variant-numeric: tabular-nums; }
.yd-dinle-kapat { width: 26px; height: 26px; opacity: .7; }
.yd-dinle-satir .yd-dinle-ac, .yd-dinle-satir .yd-dinle-cubuk { background: #111; }
@media (max-width: 479px) {
	.yd-dinle { right: 10px; bottom: 10px; }
	.yd-dinle-cubuk { width: calc(100vw - 52px); }
}

/* Dinle v2: görselin üstünde değil, hemen altında sağa yaslı (kapak görsellerinin sağ altındaki logo/adres kapanmasın); açık renk */
.yd-haber-g .yd-dinle { position: static; display: flex; justify-content: flex-end; margin-top: 10px; color: var(--murekkep); }
.yd-haber-g .yd-dinle-ac, .yd-haber-g .yd-dinle-cubuk, .yd-dinle-satir .yd-dinle-ac, .yd-dinle-satir .yd-dinle-cubuk { background: #F4F4F4; -webkit-backdrop-filter: none; backdrop-filter: none; border-color: var(--cizgi); box-shadow: none; color: var(--murekkep); }
.yd-haber-g .yd-dinle-ac:hover, .yd-dinle-satir .yd-dinle-ac:hover { background: var(--kirmizi); border-color: var(--kirmizi); color: #fff; }
.yd-haber-g .yd-dinle-cubuk button, .yd-dinle-satir .yd-dinle-cubuk button { color: var(--murekkep); }
.yd-haber-g .yd-dinle-cubuk .yd-dinle-oynat, .yd-dinle-satir .yd-dinle-cubuk .yd-dinle-oynat { color: #fff; }
.yd-haber-g .yd-dinle-iz, .yd-dinle-satir .yd-dinle-iz { background: #DCDCDC; }
.yd-haber-g .yd-dinle-iz span, .yd-dinle-satir .yd-dinle-iz span { background: var(--kirmizi); }
.yd-haber-g .yd-dinle-zaman { color: #555; }

/* Dinle v3: kullanıcı isteğiyle yazının hemen üstünde, SOLA yaslı */
.yd-dinle.yd-dinle-satir { justify-content: flex-start; margin: 0 0 22px; }
.yd-dinle-satir .yd-dinle-cubuk { transform-origin: left center; animation-name: yd-dinle-ac-sol; }
@keyframes yd-dinle-ac-sol { from { opacity: 0; transform: scale(.92); transform-origin: left center; } }

/* Dinle: kırmızı çerçeve (kullanıcı isteği) */
.yd-dinle-satir .yd-dinle-ac, .yd-dinle-satir .yd-dinle-cubuk { border: 1.5px solid var(--kirmizi); }

/* Görsel oranları v2 (23 Eki): kapakların çoğu 16:9 yatay tasarım (yazı/logo kenarda) → küçük kartlar 16:9, telefondaki kare küçük resimler 4:3.
   Manşet slaytı ve yazının görselin üstünde olduğu "örtü" kartları tasarım gereği aynı kaldı. */
.yd-m-kart .yd-m-gk, .yd-k-gk, .yd-blok-g, .yd-yz-kart-g, .yd-izgara-liste.liste .yd-m-kart .yd-m-gk { aspect-ratio: 16 / 9; }
.yd-k-ortu .yd-k-gk { aspect-ratio: 4 / 5; }
.yd-m-yatay .yd-m-gk { aspect-ratio: 4 / 3; }
@media (max-width: 639px) { .yd-izgara-liste.liste .yd-m-kart .yd-m-gk { aspect-ratio: 4 / 3; } }
@media (min-width: 768px) { .yd-m-yatay .yd-m-gk { aspect-ratio: 16 / 9; } }

/* Liste küçük resimleri kırpılmaz (24 Eki) — YALNIZCA Yazılar ailesi (body.yd-yazilar-ailesi); diğer listeler tek tip 16:9 (kullanıcı isteği). Kutu görselin kendi oranında
   (2:1 "ANALİZ" tasarımları, 16:9 fotoğraflar, 3:2 …). Görselsiz haberin renkli yer tutucusu 16:9 kalır. */
body.yd-yazilar-ailesi .yd-m-yatay .yd-m-gk, body.yd-yazilar-ailesi .yd-izgara-liste.liste .yd-m-kart .yd-m-gk { aspect-ratio: auto; height: auto; align-self: flex-start; }
body.yd-yazilar-ailesi .yd-m-yatay .yd-m-gk .yd-m-g, body.yd-yazilar-ailesi .yd-izgara-liste.liste .yd-m-kart .yd-m-gk .yd-m-g { height: auto; object-fit: initial; display: block; contain: none; contain-intrinsic-size: none; }
body.yd-yazilar-ailesi .yd-m-yatay .yd-m-gk:has(.yd-g-bos), body.yd-yazilar-ailesi .yd-izgara-liste.liste .yd-m-kart .yd-m-gk:has(.yd-g-bos) { aspect-ratio: 16 / 9; }
body.yd-yazilar-ailesi .yd-m-yatay .yd-m-gk .yd-g-bos { height: 100%; }
@media (max-width: 639px) {
	body.yd-yazilar-ailesi .yd-m-yatay .yd-m-gk, body.yd-yazilar-ailesi .yd-izgara-liste.liste .yd-m-kart .yd-m-gk { aspect-ratio: auto; }
	body.yd-yazilar-ailesi .yd-m-yatay .yd-m-gk:has(.yd-g-bos), body.yd-yazilar-ailesi .yd-izgara-liste.liste .yd-m-kart .yd-m-gk:has(.yd-g-bos) { aspect-ratio: 4 / 3; }
}

/* Arama sayfası: canlı arama listesi kesilmesin (başlık kutusu görselli başlıklar için overflow:hidden; burada görsel yok) */
.yd-ab-ic:has(.yd-ara-sayfa) { overflow: visible; z-index: 30; }

/* PDF yakınlaştırma (24 Eki): tarayıcı yakınlaştırması kapalı, okuyucu kendisi keskin çizer; yakınken sahne içinde gezilir */
.yd-pdf-sahne { touch-action: pan-x pan-y; }
.yd-pdf-sahne.zum { min-height: 0; overflow: auto; justify-content: flex-start; align-items: flex-start; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.yd-pdf-sahne.zum .yd-pdf-kagit { margin: auto; flex: none; cursor: grab; }