/*
Theme Name: Yeni Demokrasi
Author: Main Page Studio
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-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 */
.yd-cekmece { position: fixed; inset: 0; z-index: 90; background: rgba(0,0,0,.45); }
.yd-cekmece-ic { width: min(380px, 88vw); height: 100%; background: #fff; overflow-y: auto; padding: calc(var(--ust) + 10px) 22px 32px; display: flex; flex-direction: column; gap: 18px; animation: yd-cek .25s ease-out; }
.yd-cekmece-bas { display: flex; align-items: center; justify-content: space-between; }
.yd-cekmece-nav { display: flex; flex-direction: column; }
.yd-cekmece-nav a { padding: 13px 0; border-bottom: 1px solid var(--cizgi); font-family: var(--baslik); font-size: 19px; font-weight: 600; }
.yd-cekmece-nav a[aria-current] { color: var(--kirmizi); }
.yd-cekmece-alt { display: flex; flex-wrap: wrap; gap: 10px; }
.yd-cekmece-alt .yd-karolar { width: 100%; margin-top: 6px; }
@keyframes yd-cek { from { transform: translateX(-100%); } to { transform: none; } }

/* ---------- 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; }
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: 6px 12px; border-radius: 8px; background: var(--yumusak); font-family: var(--baslik); font-size: 13px; font-weight: 500; }
.yd-etiketler a:hover { background: var(--murekkep); color: #fff; }
.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; }
.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 { }
@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: 1; gap: 2px; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent); mask-image: linear-gradient(90deg, #000 92%, transparent); }
	.yd-nav a:nth-child(n+9):not(.yd-nav-tum) { display: 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 { }
	.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 */
.home .yd-okuma { display: none; }
.home .yd-m-kucuk .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; }
}