/*
 * 00-kit.css — Görünüm D "AKIŞ" iç sayfa kiti (dk-*). VARIANT-D-PAGES.md §2. Sahibi: K.
 * Yalnız body.t-var-d. Tokenlar t-var-d.css'te (--d-*); kitin yerel tokenları --dk-*.
 * Ölçüler anasayfa uygulamasından birebir alınmıştır (t-var-d.css td-card/td-row, t-var-d-home.css dh-*).
 * İşaretleme: app/Views/themes/tay-yeni/d/_kit/ (_kit.php işlevleri + parça dosyaları). Başvuru: scratchpad/design/KIT.md
 *
 * P1–P5: dk-* sınıflarını kendi dosyanızda YENİDEN STİLLENDİRMEYİN. Sayfa CSS'i .t-page-<tür> altında (dk-page sarmalayıcısında).
 * tay-main.css yüklü kalır: gölgeler ve !important'lı eski kurallar dosya sonundaki @layer base bloğunda aşılır.
 * Kırılma noktaları: <768 mobil · 768 tablet/masaüstü tokenları · 1024 8+4 düzeni · 1200 öncülü ızgara.
 */

/* ───────────── Yerel tokenlar (mobil önce) ───────────── */
body.t-var-d {
    /* Ray: iç boşluk = kapsayıcının sol kenarı (anasayfa --dh-pad ile aynı) */
    --dk-pad: max(var(--d-gutter), calc((100% - var(--d-container)) / 2));
    --dk-rail-pt: 24px;
    --dk-rail-pb: 40px;
    --dk-card-w: 256px;
    --dk-poster-w: 240px;
    --dk-person-w: 100px;
    --dk-person-gap: 20px;
    --dk-avatar: 88px;
    --dk-rail-gap: 16px;
    /* Izgara aralıkları */
    --dk-gap: 16px;
    --dk-gap-y: 24px;
    /* Sayfa başı → içerik; A bandı üst boşluğu (başlık reklamı yoksa şeridin 32 altı) */
    --dk-head-mb: 24px;
    --dk-a-pt: 32px;
    /* Yapışkan ray üst kenarı (başlık + 24); JS uzun raylarda ezer */
    --dk-side-top: calc(var(--d-hdr-h) + 24px);
    /* Afiş perdesi — anasayfa (t-var-d-home.css --dh-scrim-poster) ile aynı */
    --dk-scrim-poster: linear-gradient(0deg, rgba(20, 26, 74, .92) 0, rgba(20, 26, 74, .76) 150px, rgba(20, 26, 74, 0) 260px);
    --dk-scrim-poster-hover: linear-gradient(0deg, rgba(20, 26, 74, .97) 0, rgba(20, 26, 74, .84) 150px, rgba(20, 26, 74, 0) 260px);
    --dk-chip-dark: rgba(20, 26, 74, .72);
}
@media (min-width: 768px) {
    body.t-var-d {
        --dk-card-w: 312px;
        --dk-poster-w: 300px;
        --dk-person-w: 136px;
        --dk-person-gap: 32px;
        --dk-avatar: 120px;
        --dk-rail-gap: 24px;
        --dk-gap: 24px;
        --dk-head-mb: 32px;
        --dk-a-pt: 48px;
    }
}
/* Kabuk başlık reklamı basıldıysa: reklam sarmalayıcısının alt boşluğu (24) + bu = sayfa başına 32 (mobil 24) */
body.t-var-d:has(.td-adband--header .container-bn) { --dk-a-pt: calc(var(--dk-head-mb) - 24px); }

/* ───────────── Sayfa zemini + sarmalayıcılar ───────────── */
/* Kit kullanan iç sayfalarda tuval sis: kabuğun (saydam) başlık reklamı bandı A bandının parçası olur */
body.t-var-d.t-body:has(.dk-page) { background: var(--d-navy-50); }
body.t-var-d .dk-page {
    font-family: var(--d-font);
    color: var(--d-ink);
    -webkit-font-smoothing: antialiased;
}
body.t-var-d .dk-page :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) { margin: 0; }
body.t-var-d .dk-page :where(.dk-rows, .dk-rail, .dk-grid, .dk-pager__list, .dk-share__list, .dk-crumb > ol, .dk-kv__list) { margin: 0; padding: 0; list-style: none; }
body.t-var-d .dk-page :where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--d-navy-600);
    outline-offset: 2px;
}
body.t-var-d :where(.dk-band--navy, .dk-band--stage) :where(a, button, summary):focus-visible { outline-color: var(--d-white); }
body.t-var-d .dk-icon { display: block; flex: none; }
body.t-var-d .dk-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

body.t-var-d .dk-wrap {
    width: min(100% - 2 * var(--d-gutter), var(--d-container));
    margin-inline: auto;
}

/* ───────────── Bantlar (yüzeyler) ───────────── */
body.t-var-d .dk-band {
    position: relative;
    display: flow-root;
    padding-block: var(--d-band);
}
body.t-var-d .dk-band--mist { background: var(--d-navy-50); }
body.t-var-d .dk-band--white { background: var(--d-white); }
body.t-var-d .dk-band--navy { background: var(--d-navy-800); color: var(--d-white); }
body.t-var-d .dk-band--stage { background: var(--d-navy-900); color: var(--d-white); }
/* A bandı: başlık reklamından (ya da şeritten) sonra gelen ilk bant */
body.t-var-d .dk-band--a { padding-top: var(--dk-a-pt); }
/* Ertelenmiş başlık reklamı A bandının ilk öğesiyse bandın üst boşluğu reklamın kendisinden gelir */
body.t-var-d .dk-band--a:has(> .dk-wrap > .dk-ad--top:first-child) { padding-top: 0; }
/* İki bölüm aynı bantta: 48 (mobil 32) */
body.t-var-d .dk-stack > * + * { margin-top: var(--d-band-inner); }

/* ───────────── Düzenler ───────────── */
body.t-var-d .dk-main { min-width: 0; }
body.t-var-d .dk-l-8-4 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--d-band-inner);
}
body.t-var-d .dk-l-c { max-width: 880px; margin-inline: auto; }
body.t-var-d .dk-measure { max-width: 760px; }
@media (min-width: 1024px) {
    /* 8+4; yan sütun 1024–1119 arasında 336'nın altına inmez (336×280 kenar reklamı doğal boyutta kalır) */
    body.t-var-d .dk-l-8-4 {
        grid-template-columns: minmax(0, 1fr) clamp(336px, calc(33.3333% - 16px), 424px);
        column-gap: 24px;
        align-items: start;
    }
    body.t-var-d .dk-l-8-4 > .dk-main { grid-column: 1; }
    body.t-var-d .dk-l-8-4 > :is(.dk-side, .dk-aside) { grid-column: 2; }
}

/* ───────────── §2.2 Sayfa yolu ───────────── */
body.t-var-d .dk-crumb { grid-area: crumb; min-width: 0; margin-bottom: 16px; }
body.t-var-d .dk-crumb > ol {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    border: 0;
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    font: 500 13px / 18px var(--d-font);
    color: var(--d-ink-3);
    white-space: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}
body.t-var-d .dk-crumb > ol::-webkit-scrollbar { display: none; }
body.t-var-d .dk-crumb > ol > li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: none;
    min-width: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    background: none;
}
body.t-var-d .dk-crumb > ol > li + li::before {
    content: "";
    display: block;
    flex: none;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    opacity: 1;
    background: var(--d-navy-300);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
body.t-var-d .dk-crumb a {
    --vr-theme-color: var(--d-navy-600);
    padding: 0;
    border-radius: 4px;
    background: none;
    color: var(--d-ink-3);
    font-weight: 500;
    text-decoration: none;
    transition: color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-crumb a:hover { color: var(--d-navy-600); }
body.t-var-d .dk-crumb [aria-current="page"] { font-weight: 600; color: var(--d-ink); }
/* Mobil: tek satır, yatay kayar; taşarken sağda 24 px solma (JS .is-fade) */
body.t-var-d .dk-crumb > ol.is-fade {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent);
}
@media (min-width: 768px) {
    body.t-var-d .dk-crumb { margin-bottom: 24px; }
    /* Masaüstü: kaydırma yok, son öğe (uzun haber başlığı) üç noktayla kısalır */
    body.t-var-d .dk-crumb > ol { overflow: hidden; }
    body.t-var-d .dk-crumb > ol.is-fade { -webkit-mask-image: none; mask-image: none; }
    body.t-var-d .dk-crumb > ol > li:last-child { flex: 0 1 auto; }
    body.t-var-d .dk-crumb > ol > li:last-child > :is(a, span) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}

/* ───────────── §2.1 Sayfa başı ───────────── */
body.t-var-d .dk-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "crumb" "eyebrow" "title" "lead" "meta" "chips" "actions";
    margin-bottom: var(--dk-head-mb);
}
body.t-var-d .dk-head__eyebrow {
    grid-area: eyebrow;
    margin-bottom: 8px;
    font: 700 12px / 16px var(--d-font);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--d-navy-400);
}
body.t-var-d .dk-head__title {
    grid-area: title;
    margin: 0;
    font: 800 26px / 32px var(--d-font);
    letter-spacing: -.01em;
    color: var(--d-ink);
    text-transform: none;
    text-wrap: balance;
    overflow-wrap: break-word;
}
body.t-var-d .dk-head__lead {
    grid-area: lead;
    max-width: 760px;
    margin-top: 12px;
    font: 400 16px / 26px var(--d-font);
    color: var(--d-ink-2);
    text-wrap: pretty;
}
body.t-var-d .dk-head__meta {
    grid-area: meta;
    margin-top: 8px;
    font: 500 13px / 18px var(--d-font);
    color: var(--d-ink-3);
}
body.t-var-d .dk-head__lead + .dk-head__meta { margin-top: 6px; }
body.t-var-d .dk-head__chips { grid-area: chips; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
body.t-var-d .dk-head__actions { grid-area: actions; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
@media (min-width: 768px) {
    body.t-var-d .dk-head {
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 24px;
        grid-template-areas: "crumb crumb" "eyebrow eyebrow" "title actions" "lead lead" "meta meta" "chips chips";
    }
    body.t-var-d .dk-head__title { font-size: 32px; line-height: 40px; letter-spacing: -.02em; }
    body.t-var-d .dk-head__lead { font-size: 17px; line-height: 28px; }
    /* Eylemler: sağda, H1'in son satır tabanına hizalı */
    body.t-var-d .dk-head__actions { align-self: last baseline; justify-self: end; margin-top: 0; }
}
/* --hero: stage bandının içinde, beyaz yazı, sol-alt hizalı */
body.t-var-d .dk-head--hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "crumb" "eyebrow" "title" "lead" "meta" "chips" "actions";
    max-width: 760px;
    margin-bottom: 0;
    padding-bottom: 32px;
}
body.t-var-d .dk-head--hero .dk-head__eyebrow,
body.t-var-d .dk-head--hero .dk-head__lead,
body.t-var-d .dk-head--hero .dk-head__meta { color: var(--d-navy-200); }
/* Koyu zeminde sayfa yolu (hero içi ya da dk_crumb(..., ['variant' => 'light'])): öğeler beyaz %72, son öğe beyaz */
body.t-var-d :is(.dk-head--hero .dk-crumb, .dk-crumb--light) > ol,
body.t-var-d :is(.dk-head--hero .dk-crumb, .dk-crumb--light) a { color: rgba(255, 255, 255, .72); }
body.t-var-d :is(.dk-head--hero .dk-crumb, .dk-crumb--light) a { --vr-theme-color: var(--d-white); }
body.t-var-d :is(.dk-head--hero .dk-crumb, .dk-crumb--light) > ol > li + li::before { background: rgba(255, 255, 255, .4); }
body.t-var-d :is(.dk-head--hero .dk-crumb, .dk-crumb--light) a:hover,
body.t-var-d :is(.dk-head--hero .dk-crumb, .dk-crumb--light) [aria-current="page"],
body.t-var-d .dk-head--hero .dk-head__title { color: var(--d-white); }
body.t-var-d .dk-crumb--light a:focus-visible { outline-color: var(--d-white); }
body.t-var-d .dk-head--hero .dk-head__title { font-size: 28px; line-height: 34px; }
body.t-var-d .dk-head--hero .dk-head__actions { margin-top: 24px; }
@media (min-width: 768px) {
    body.t-var-d .dk-head--hero { padding-bottom: 48px; }
    body.t-var-d .dk-head--hero .dk-head__title { font-size: 40px; line-height: 48px; }
    body.t-var-d .dk-head--hero .dk-head__actions { align-self: auto; justify-self: start; }
}
/* --center: 404 */
body.t-var-d .dk-head--center {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "crumb" "eyebrow" "title" "lead" "meta" "chips" "actions";
    justify-items: center;
    padding-top: 64px;
    text-align: center;
}
body.t-var-d .dk-head--center .dk-head__lead { margin-inline: auto; }
body.t-var-d .dk-head--center :is(.dk-head__actions, .dk-head__chips) { justify-content: center; }
body.t-var-d .dk-head--center .dk-head__actions { margin-top: 24px; }
@media (min-width: 768px) {
    body.t-var-d .dk-head--center { padding-top: 96px; }
    body.t-var-d .dk-head--center .dk-head__actions { align-self: auto; justify-self: center; }
}

/* ───────────── §2.20 Bölüm başlığı (anasayfa dh-head ile aynı) ───────────── */
body.t-var-d .dk-sec {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 24px;
    align-items: last baseline;
    margin-bottom: var(--d-head-gap);
}
body.t-var-d .dk-sec__main { grid-column: 1; grid-row: 1; min-width: 0; }
body.t-var-d .dk-sec__actions { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 16px; }
body.t-var-d .dk-sec__eyebrow {
    margin: 0 0 8px;
    font: 700 12px / 16px var(--d-font);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--d-navy-400);
}
body.t-var-d .dk-sec__titlerow { display: flex; align-items: center; gap: 12px; min-width: 0; }
body.t-var-d .dk-sec__title {
    margin: 0;
    font: 800 22px / 28px var(--d-font);
    letter-spacing: -.01em;
    color: var(--d-ink);
    text-transform: none;
}
body.t-var-d .dk-sec__sub {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 6px 0 0;
    font: 400 15px / 24px var(--d-font);
    color: var(--d-ink-2);
}
body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-sec__eyebrow { color: var(--d-navy-200); }
body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-sec__title { color: var(--d-white); }
body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-sec__sub { color: var(--d-navy-200); }
@media (min-width: 768px) {
    body.t-var-d .dk-sec__title { font-size: 30px; line-height: 36px; letter-spacing: -.02em; }
    body.t-var-d .dk-sec__sub { font-size: 16px; line-height: 26px; }
}

/* "Tümü →" */
body.t-var-d .dk-more {
    --vr-theme-color: var(--d-navy-500);
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    font: 700 14px / 20px var(--d-font);
    letter-spacing: .01em;
    color: var(--d-navy-600);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-more:hover { color: var(--d-navy-500); }
body.t-var-d .dk-more__arrow { display: inline-block; transition: transform var(--d-t-mid) var(--d-ease); }
body.t-var-d .dk-more:hover .dk-more__arrow { transform: translateX(2px); }
body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-more { --vr-theme-color: var(--d-navy-100); color: var(--d-white); }
body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-more:hover { color: var(--d-navy-100); }

/* ───────────── Simge düğmesi (VARIANT-D §0: 40, çizgi kenarlı, beyaz) ───────────── */
body.t-var-d .dk-ibtn {
    --vr-theme-color: var(--d-ink); /* tay-main a:focus{color:var(--vr-theme-color)!important}: odakta simge görünür kalsın */
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--d-line);
    border-radius: var(--d-r-full);
    background: var(--d-white);
    color: var(--d-ink);
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--d-t-fast) var(--d-ease), border-color var(--d-t-fast) var(--d-ease), color var(--d-t-fast) var(--d-ease), opacity var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-ibtn:hover:not(:disabled, .is-disabled) { --vr-theme-color: var(--d-white); background: var(--d-navy-600); border-color: var(--d-navy-600); color: var(--d-white); }
body.t-var-d .dk-ibtn:active:not(:disabled, .is-disabled) { background: var(--d-navy-700); border-color: var(--d-navy-700); }
body.t-var-d .dk-ibtn:is(:disabled, .is-disabled) { opacity: .35; cursor: default; }
body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-ibtn { --vr-theme-color: var(--d-white); border-color: rgba(255, 255, 255, .2); background: transparent; color: var(--d-white); }
body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-ibtn:hover:not(:disabled, .is-disabled) { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .2); }

/* Ray okları — yalnız ≥768 ve ray gerçekten taşıyorsa (t-var-d-home.js [hidden]'ı kaldırır) */
body.t-var-d .dk-arrows { display: none; gap: 8px; }
@media (min-width: 768px) {
    body.t-var-d .dk-arrows { display: flex; }
    body.t-var-d .dk-arrows[hidden] { display: none; }
}

/* ───────────── §2.5 Ray (anasayfa dh-rail ile aynı) ───────────── */
body.t-var-d .dk-rail {
    position: relative;
    display: flex;
    gap: var(--dk-rail-gap);
    margin: calc(-1 * var(--dk-rail-pt)) 0 calc(-1 * var(--dk-rail-pb));
    padding: var(--dk-rail-pt) var(--dk-pad) var(--dk-rail-pb);
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--dk-pad);
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
body.t-var-d .dk-rail::-webkit-scrollbar { display: none; }
body.t-var-d .dk-rail.is-dragging { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; user-select: none; }
body.t-var-d .dk-rail.is-dragging a { pointer-events: none; }
body.t-var-d .dk-rail__item { flex: 0 0 auto; margin: 0; padding: 0; scroll-snap-align: start; }
body.t-var-d .dk-rail__item:last-child { scroll-snap-align: end; }
body.t-var-d .dk-rail--cards .dk-rail__item { width: var(--dk-card-w); }
body.t-var-d .dk-rail--posters .dk-rail__item { width: var(--dk-poster-w); }
body.t-var-d .dk-rail--people { gap: var(--dk-person-gap); }
body.t-var-d .dk-rail--people .dk-rail__item { width: var(--dk-person-w); }
body.t-var-d .dk-rail img { -webkit-user-drag: none; }

/* ───────────── §2.4 Izgaralar ───────────── */
body.t-var-d .dk-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--dk-gap-y) var(--dk-gap);
}
body.t-var-d .dk-grid--posters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* Izgara içi tam satır (posts_top, dk_ad(..., 'slot')): masaüstünde DOM sırasında; mobilde .is-m-late kartlardan önce gelir.
   Boşluk: ızgara aralığı (24) + bu = 48 üst / 48 alt (mobil 32 / 32); sarmalayıcının satır içi 24'ü hesaba katılır. */
body.t-var-d :is(.dk-grid__slot, .dk-ad--slot) { grid-column: 1 / -1; min-width: 0; }
body.t-var-d .dk-ad--slot { margin-top: calc(var(--d-band-inner) - var(--dk-gap-y)); margin-bottom: calc(var(--d-band-inner) - var(--dk-gap-y) - 24px); }
@media (max-width: 767.98px) {
    body.t-var-d .dk-grid > :is(.dk-grid__slot, .dk-ad--slot) { order: 1; }
    body.t-var-d .dk-grid > .is-m-late { order: 2; }
}
@media (min-width: 768px) {
    body.t-var-d :is(.dk-grid--4, .dk-grid--3, .dk-grid--2, .dk-grid--lead) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.t-var-d .dk-grid--posters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    /* Öncü, tablet + dar masaüstünde tam satır, yatay (görsel 7 / metin 5 — anasayfa ile aynı) */
    body.t-var-d .dk-grid--lead > .dk-card--lead {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        column-gap: 24px;
        align-items: center;
    }
    body.t-var-d .dk-grid--lead > .dk-card--lead .dk-card__body { padding-top: 0; }
    body.t-var-d .dk-grid--lead > .dk-card--lead :is(.dk-card__title, .dk-card__excerpt) { -webkit-line-clamp: 3; line-clamp: 3; }
}
@media (min-width: 1024px) {
    body.t-var-d :is(.dk-grid--4, .dk-grid--lead) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body.t-var-d .dk-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.t-var-d .dk-grid--posters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    /* 8 sütunluk ana alanın içinde afişler 3'lü (arama: 275×367) */
    body.t-var-d .dk-main .dk-grid--posters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
    /* Öncü 648×365 (2 sütun × 2 satır) + sağda 2×2 kart (anasayfa Haberler 1. satırı) */
    body.t-var-d .dk-grid--lead > .dk-card--lead {
        grid-column: span 2;
        grid-row: span 2;
        display: flex;
        align-items: stretch;
        align-self: start;
    }
    body.t-var-d .dk-grid--lead > .dk-card--lead .dk-card__body { padding-top: 12px; }
    body.t-var-d .dk-grid--lead > .dk-card--lead :is(.dk-card__title, .dk-card__excerpt) { -webkit-line-clamp: 2; line-clamp: 2; }
}

/* ───────────── §2.3 Kart 16:9 (anasayfa td-card / dh-card ile aynı) ───────────── */
body.t-var-d .dk-card {
    --vr-theme-color: var(--d-ink);
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--d-ink);
    text-decoration: none;
    transition: transform var(--d-t-mid) var(--d-ease);
    -webkit-tap-highlight-color: transparent;
}
body.t-var-d .dk-card__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: var(--d-r-lg);
    background: var(--d-navy-100);
    isolation: isolate;
    transition: box-shadow var(--d-t-mid) var(--d-ease);
}
body.t-var-d :is(.dk-card__media, .dk-poster__media, .dk-player__facade) img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transition: transform var(--d-t-mid) var(--d-ease), opacity .3s ease;
}
body.t-var-d .dk-card__body { display: flex; flex-direction: column; gap: 6px; padding-top: 12px; }
body.t-var-d .dk-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin: 0;
    font: 600 15px / 21px var(--d-font);
    letter-spacing: 0;
    color: var(--d-ink);
    text-transform: none;
    transition: color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-card__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font: 400 15px / 24px var(--d-font);
    color: var(--d-ink-2);
}
body.t-var-d .dk-card__meta {
    display: block;
    overflow: hidden;
    font: 500 13px / 18px var(--d-font);
    color: var(--d-ink-3);
    white-space: nowrap;
    text-overflow: ellipsis;
}
body.t-var-d .dk-card__meta + .dk-card__meta { margin-top: -4px; }
body.t-var-d .dk-card--lead .dk-card__title { font: 800 20px / 26px var(--d-font); letter-spacing: -.01em; }
body.t-var-d .dk-card--episode .dk-card__title { font-weight: 700; }
@media (min-width: 768px) {
    body.t-var-d .dk-card__title { font-size: 16px; line-height: 22px; }
    body.t-var-d .dk-card__excerpt { font-size: 16px; line-height: 26px; }
    body.t-var-d .dk-card--lead .dk-card__media { border-radius: var(--d-r-xl); }
    body.t-var-d .dk-card--lead .dk-card__title { font-size: 24px; line-height: 30px; }
    body.t-var-d .dk-card--m .dk-card__title { font: 700 18px / 24px var(--d-font); }
}
body.t-var-d .dk-card:hover { transform: translateY(-4px); }
body.t-var-d .dk-card:hover .dk-card__media img { transform: scale(1.03); }
body.t-var-d .dk-card:hover .dk-card__title { color: var(--d-navy-600); }
body.t-var-d .dk-card:focus-visible { outline: 0; }
body.t-var-d .dk-card:focus-visible .dk-card__media { outline: 2px solid var(--d-navy-600); outline-offset: 3px; }

/* Oynat düğmesi (her zaman görünür, %85 → 1) */
body.t-var-d .dk-play {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--d-r-full);
    background: rgba(255, 255, 255, .92);
    color: var(--d-navy-600);
    opacity: .85;
    transform: scale(.92);
    transition: opacity var(--d-t-fast) var(--d-ease), transform var(--d-t-mid) var(--d-ease);
    pointer-events: none;
}
body.t-var-d .dk-play .dk-icon { margin-left: 2px; }
body.t-var-d .dk-play--lg { left: 50%; top: 50%; bottom: auto; width: 48px; height: 48px; margin: -24px 0 0 -24px; }
body.t-var-d .dk-play--lg .dk-icon { width: 20px; height: 20px; margin-left: 3px; }
body.t-var-d .dk-play--xs { left: 6px; bottom: 6px; width: 24px; height: 24px; }
body.t-var-d .dk-play--xs .dk-icon { width: 12px; height: 12px; margin-left: 1px; }
@media (min-width: 768px) {
    body.t-var-d .dk-play--lg { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
    body.t-var-d .dk-play--lg .dk-icon { width: 26px; height: 26px; }
}
body.t-var-d :is(.dk-card, .dk-row__link, .dk-player__facade):is(:hover, :focus-visible) .dk-play { opacity: 1; transform: scale(1); }

/* Görsel üstü rozet / süre / sayaç */
body.t-var-d .dk-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    padding: 3px 7px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: var(--d-r-sm);
    background: var(--d-navy-600);
    color: var(--d-white);
    font: 700 12px / 16px var(--d-font);
    letter-spacing: .04em;
    text-transform: uppercase;
}
body.t-var-d :is(.dk-card__dur, .dk-card__chip) {
    position: absolute;
    z-index: 2;
    padding: 4px 6px;
    border-radius: var(--d-r-sm);
    background: var(--dk-chip-dark);
    color: var(--d-white);
    font: 700 12px / 16px var(--d-font);
    font-variant-numeric: tabular-nums;
}
body.t-var-d .dk-card__dur { right: 12px; bottom: 12px; }
body.t-var-d .dk-card__chip { left: 12px; top: 12px; }

/* ───────────── Liste satırı (anasayfa td-row ile aynı) ───────────── */
body.t-var-d .dk-rows > .dk-row + .dk-row { border-top: 1px solid var(--d-line); }
body.t-var-d .dk-row__link {
    --vr-theme-color: var(--d-ink);
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    color: var(--d-ink);
    text-decoration: none;
    transition: background-color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-row__thumb {
    position: relative;
    flex: none;
    width: 128px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: var(--d-r-sm);
    background: var(--d-navy-100);
}
body.t-var-d .dk-row__thumb img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform var(--d-t-mid) var(--d-ease); }
body.t-var-d .dk-row__body { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
body.t-var-d .dk-row__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font: 600 15px / 21px var(--d-font);
    color: var(--d-ink);
    transition: color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-row__meta { font: 500 13px / 18px var(--d-font); color: var(--d-ink-3); }
body.t-var-d .dk-row__link:hover .dk-row__title { color: var(--d-navy-600); }
body.t-var-d .dk-row__link:hover .dk-row__thumb img { transform: scale(1.03); }
body.t-var-d .dk-row__link:focus-visible { outline-offset: -2px; border-radius: var(--d-r-md); }
/* --s (kenar listeleri): 128×72; --poster (koşu görseli, kaynağı 3:2): 120×80 — kırpılmadan. Hiçbir satırda 128'den küçük görsel yok. */
body.t-var-d .dk-row--s .dk-row__thumb { width: 128px; }
body.t-var-d .dk-row--poster .dk-row__thumb { width: 120px; aspect-ratio: 3 / 2; }
body.t-var-d .dk-row--plain .dk-row__link { align-items: baseline; gap: 12px; }
body.t-var-d .dk-row__date {
    flex: none;
    width: 72px;
    font: 600 13px / 18px var(--d-font);
    font-variant-numeric: tabular-nums;
    color: var(--d-ink-3);
}
/* Şu an izlenen (bölüm listesi) */
body.t-var-d .dk-row.is-current .dk-row__link { margin-inline: -8px; padding-inline: 8px; border-radius: var(--d-r-md); background: var(--d-navy-100); }
body.t-var-d .dk-row.is-current + .dk-row,
body.t-var-d .dk-rows > .dk-row + .dk-row.is-current { border-top-color: transparent; }
body.t-var-d .dk-row__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
body.t-var-d .dk-row__now { height: 22px; padding: 0 8px; }
body.t-var-d .dk-row.is-current .dk-row__now { background: var(--d-white); }
/* navy-100 zeminde ink-3 meta 4.24:1 kalıyordu → ink-2 (≥ 4.5) */
body.t-var-d .dk-row.is-current .dk-row__meta { color: var(--d-ink-2); }
@media (min-width: 768px) {
    body.t-var-d .dk-row__thumb { width: 168px; }
    body.t-var-d .dk-row--s .dk-row__thumb { width: 128px; }
    body.t-var-d .dk-row--poster .dk-row__thumb { width: 120px; }
    body.t-var-d .dk-row.is-current .dk-row__link { margin-inline: -12px; padding-inline: 12px; }
}

/* ───────────── Afiş 3:4 (anasayfa dh-poster ile aynı) ───────────── */
body.t-var-d .dk-poster {
    --vr-theme-color: var(--d-white);
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: var(--d-r-xl);
    background: var(--d-navy-900);
    color: var(--d-white);
    text-decoration: none;
    isolation: isolate;
    transition: transform var(--d-t-mid) var(--d-ease), box-shadow var(--d-t-mid) var(--d-ease);
    -webkit-tap-highlight-color: transparent;
}
/* Program / belgesel afişi: yüklenen görsel 720×1066 (eski tasarımın ölçüsü) — kendi oranında, kırpılmadan. Koşu afişleri 3:4 kalır. */
body.t-var-d .dk-poster--program { aspect-ratio: 720 / 1066; }
body.t-var-d .dk-poster--program .dk-poster__media img { object-position: 50% 0; }
body.t-var-d .dk-poster::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: inherit;
    pointer-events: none;
}
body.t-var-d .dk-poster__media { position: absolute; inset: 0; }
body.t-var-d .dk-poster__scrim,
body.t-var-d .dk-poster__scrim::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--dk-scrim-poster);
    pointer-events: none;
}
body.t-var-d .dk-poster__scrim::after {
    content: "";
    background: var(--dk-scrim-poster-hover);
    opacity: 0;
    transition: opacity var(--d-t-mid) var(--d-ease);
}
body.t-var-d .dk-poster__tag {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: var(--d-r-sm);
    background: var(--d-white);
    color: var(--d-navy-600);
    font: 700 12px / 16px var(--d-font);
}
body.t-var-d .dk-poster__tag .dk-icon { width: 14px; height: 14px; }
body.t-var-d .dk-poster__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
}
body.t-var-d .dk-poster__date {
    max-width: 100%;
    margin-bottom: 10px;
    padding: 4px 8px;
    overflow: hidden;
    border-radius: var(--d-r-sm);
    background: rgba(255, 255, 255, .16);
    color: var(--d-white);
    font: 700 12px / 16px var(--d-font);
    white-space: nowrap;
    text-overflow: ellipsis;
}
body.t-var-d .dk-poster__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin: 0;
    font: 800 18px / 24px var(--d-font);
    letter-spacing: -.01em;
    color: var(--d-white);
    text-transform: none;
}
body.t-var-d .dk-poster__meta {
    display: block;
    margin-top: 6px;
    font: 500 13px / 18px var(--d-font);
    color: var(--d-navy-200);
}
@media (min-width: 768px) {
    body.t-var-d .dk-poster__body { padding: 20px; }
    body.t-var-d .dk-poster__title { font-size: 20px; line-height: 26px; }
}
/* Mobil 2 sütunlu afiş ızgarası (171 px): yazı ve iç boşluk küçülür */
@media (max-width: 767.98px) {
    /* ~171 px afişte 260 px'lik perde tüm görseli örtüyordu: perde yalnız yazının altında (P3 değerleri) */
    body.t-var-d .dk-grid--posters .dk-poster {
        --dk-scrim-poster: linear-gradient(0deg, rgba(20, 26, 74, .94) 0, rgba(20, 26, 74, .8) 96px, rgba(20, 26, 74, 0) 168px);
        --dk-scrim-poster-hover: linear-gradient(0deg, rgba(20, 26, 74, .97) 0, rgba(20, 26, 74, .86) 96px, rgba(20, 26, 74, 0) 168px);
    }
    body.t-var-d .dk-grid--posters .dk-poster { border-radius: var(--d-r-lg); }
    body.t-var-d .dk-grid--posters .dk-poster__body { padding: 12px; }
    body.t-var-d .dk-grid--posters .dk-poster__title { font-size: 15px; line-height: 20px; }
    body.t-var-d .dk-grid--posters .dk-poster__meta { margin-top: 4px; font-size: 12px; line-height: 16px; }
    body.t-var-d .dk-grid--posters .dk-poster__tag { top: 10px; left: 10px; padding: 4px 8px; }
}
body.t-var-d .dk-poster:hover { transform: translateY(-4px); }
body.t-var-d .dk-poster:hover .dk-poster__media img { transform: scale(1.03); }
body.t-var-d .dk-poster:hover .dk-poster__scrim::after { opacity: 1; }
body.t-var-d .dk-poster:focus-visible { outline: 2px solid var(--d-navy-600); outline-offset: 3px; }
body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-poster:focus-visible { outline-color: var(--d-white); }

/* ───────────── Avatar (anasayfa Yorumcular ile aynı) ───────────── */
body.t-var-d .dk-avatar {
    --vr-theme-color: var(--d-navy-600);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--d-ink);
    text-decoration: none;
    transition: transform var(--d-t-mid) var(--d-ease);
    -webkit-tap-highlight-color: transparent;
}
body.t-var-d .dk-avatar__photo {
    position: relative;
    display: block;
    width: var(--dk-avatar);
    height: var(--dk-avatar);
    overflow: hidden;
    border-radius: var(--d-r-full);
    background: var(--d-navy-50);
    isolation: isolate;
}
body.t-var-d .dk-avatar__photo img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 0; }
body.t-var-d .dk-avatar__photo::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 2px solid var(--d-navy-100);
    border-radius: inherit;
    pointer-events: none;
    transition: border-color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-avatar__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin-top: 12px;
    font: 600 14px / 20px var(--d-font);
    color: var(--d-ink);
    transition: color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-avatar__role { margin-top: 2px; font: 500 13px / 18px var(--d-font); color: var(--d-ink-3); }
body.t-var-d .dk-avatar:hover { transform: translateY(-2px); }
body.t-var-d .dk-avatar:hover .dk-avatar__photo::after { border-color: var(--d-navy-600); }
body.t-var-d .dk-avatar:hover .dk-avatar__name { color: var(--d-navy-600); }
body.t-var-d .dk-avatar:focus-visible { outline: 0; }
body.t-var-d .dk-avatar:focus-visible .dk-avatar__photo { outline: 2px solid var(--d-navy-600); outline-offset: 3px; }

/* ───────────── §2.6 Sayfalama + daha fazla ───────────── */
body.t-var-d .dk-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: var(--d-band-inner);
}
body.t-var-d .dk-pager__list { display: none; align-items: center; gap: 4px; }
body.t-var-d .dk-pager__num {
    --vr-theme-color: var(--d-ink);
    display: inline-grid;
    place-items: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    border-radius: var(--d-r-full);
    font: 700 14px / 20px var(--d-font);
    font-variant-numeric: tabular-nums;
    color: var(--d-ink);
    text-decoration: none;
    transition: background-color var(--d-t-fast) var(--d-ease), color var(--d-t-fast) var(--d-ease);
}
body.t-var-d a.dk-pager__num:hover { background: var(--d-navy-100); }
body.t-var-d .dk-band--white a.dk-pager__num:hover { background: var(--d-navy-50); }
body.t-var-d .dk-pager__num.is-active { background: var(--d-navy-600); color: var(--d-white); }
body.t-var-d .dk-pager__gap { display: inline-block; width: 24px; font: 500 13px / 18px var(--d-font); color: var(--d-ink-3); text-align: center; }
body.t-var-d .dk-pager__status { padding: 0 12px; font: 600 14px / 20px var(--d-font); font-variant-numeric: tabular-nums; color: var(--d-ink-2); }
@media (min-width: 768px) {
    body.t-var-d .dk-pager__list { display: flex; }
    body.t-var-d .dk-pager__status { display: none; }
}
body.t-var-d .dk-more-wrap { display: flex; justify-content: center; margin-top: var(--d-band-inner); }
body.t-var-d .dk-more-wrap[hidden] { display: none; }
body.t-var-d .dk-more-btn { width: 100%; }
body.t-var-d .dk-more-btn.is-loading { opacity: .35; cursor: progress; }
@media (min-width: 768px) {
    body.t-var-d .dk-more-btn { width: auto; min-width: 220px; }
}
body.t-var-d .dk-fade-in { animation: dk-fade var(--d-t-fast) var(--d-ease) both; }
@keyframes dk-fade { from { opacity: 0; } to { opacity: 1; } }

/* ───────────── §2.15 Düğmeler ───────────── */
body.t-var-d .dk-btn {
    --vr-theme-color: var(--d-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: var(--d-r-md);
    background: var(--d-navy-600);
    color: var(--d-white);
    font: 700 14px / 20px var(--d-font);
    letter-spacing: .01em;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--d-t-fast) var(--d-ease), border-color var(--d-t-fast) var(--d-ease), color var(--d-t-fast) var(--d-ease), opacity var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-btn .dk-icon { width: 18px; height: 18px; }
body.t-var-d .dk-btn--primary:hover { background: var(--d-navy-500); color: var(--d-white); }
body.t-var-d .dk-btn--primary:active { background: var(--d-navy-700); }
body.t-var-d .dk-btn--lg { height: 48px; font-size: 15px; }
body.t-var-d .dk-btn--block { display: flex; width: 100%; }
body.t-var-d .dk-btn--ghost {
    --vr-theme-color: var(--d-ink);
    border-color: var(--d-line-strong);
    background: var(--d-white);
    color: var(--d-ink);
}
body.t-var-d .dk-btn--ghost:hover { border-color: var(--d-navy-300); background: var(--d-navy-50); color: var(--d-ink); }
body.t-var-d .dk-btn--onimage {
    --vr-theme-color: var(--d-navy-600);
    border-radius: var(--d-r-full);
    background: var(--d-white);
    color: var(--d-navy-600);
}
body.t-var-d .dk-btn--onimage:hover { background: var(--d-navy-50); color: var(--d-navy-600); }
body.t-var-d .dk-btn--dark { --vr-theme-color: var(--d-white); border-color: rgba(255, 255, 255, .2); background: transparent; color: var(--d-white); }
body.t-var-d .dk-btn--dark:hover { background: rgba(255, 255, 255, .14); color: var(--d-white); }
body.t-var-d .dk-btn:is(:disabled, [aria-disabled="true"]) { opacity: .35; pointer-events: none; cursor: default; }
body.t-var-d .dk-btn:focus-visible { outline: 2px solid var(--d-navy-600); outline-offset: 2px; }
body.t-var-d :is(.dk-band--navy, .dk-band--stage, .dk-player) .dk-btn:focus-visible { outline-color: var(--d-white); }

/* Canlı noktası (yalnız canlı): 8 px, 1,6 sn nabız */
body.t-var-d .dk-dot {
    display: inline-block;
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--d-live);
    animation: dk-pulse 1.6s var(--d-ease) infinite;
}
@keyframes dk-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }

/* ───────────── §2.12 Çipler ───────────── */
body.t-var-d .dk-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.t-var-d .dk-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: var(--d-r-sm);
    font: 700 12px / 16px var(--d-font);
    white-space: nowrap;
    text-decoration: none;
    text-transform: none;
}
body.t-var-d .dk-chip .dk-icon { width: 14px; height: 14px; }
body.t-var-d .dk-chip--tint { background: var(--d-navy-100); color: var(--d-navy-600); }
body.t-var-d .dk-chip--white { background: var(--d-white); color: var(--d-navy-600); }
body.t-var-d .dk-chip--onimage { background: rgba(255, 255, 255, .16); color: var(--d-white); }
body.t-var-d .dk-chip--live { background: var(--d-live); color: var(--d-white); letter-spacing: .04em; text-transform: uppercase; }
body.t-var-d .dk-chip--live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--d-white); }
body.t-var-d .dk-chip--ghost { border: 1px solid var(--d-line-strong); background: transparent; color: var(--d-ink); }
body.t-var-d a.dk-chip--ghost {
    --vr-theme-color: var(--d-ink);
    height: 32px;
    padding: 0 12px;
    font: 600 14px / 20px var(--d-font);
    transition: background-color var(--d-t-fast) var(--d-ease), color var(--d-t-fast) var(--d-ease);
}
body.t-var-d a.dk-chip--ghost:hover { background: var(--d-navy-50); }
body.t-var-d :is(.dk-band--mist, .dk-on-mist) a.dk-chip--ghost:hover { background: var(--d-white); }
body.t-var-d a.dk-chip--ghost.is-active { background: var(--d-navy-100); color: var(--d-navy-600); }

/* ───────────── §2.7 Sekmeler / bölümlü denetim ───────────── */
body.t-var-d .dk-seg {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 4px;
    border-radius: var(--d-r-full);
    background: var(--d-white);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    vertical-align: top;
}
body.t-var-d .dk-seg::-webkit-scrollbar { display: none; }
body.t-var-d :is(.dk-band--white, .dk-on-white) .dk-seg:not(.dk-seg--filter) { background: var(--d-navy-50); }
body.t-var-d .dk-seg__item {
    --vr-theme-color: var(--d-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: none;
    height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--d-r-full);
    background: transparent;
    font: 600 14px / 20px var(--d-font);
    color: var(--d-ink-2);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    scroll-snap-align: center;
    transition: background-color var(--d-t-fast) var(--d-ease), color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-seg__item:hover { color: var(--d-ink); }
body.t-var-d .dk-seg__item:focus-visible { outline-offset: -2px; }
body.t-var-d .dk-seg__item:is(.is-active, [aria-selected="true"], [aria-current="page"], [aria-current="true"]) {
    --vr-theme-color: var(--d-white);
    background: var(--d-navy-600);
    color: var(--d-white);
    font-weight: 700;
}
body.t-var-d .dk-seg__item .dk-chip { height: 20px; padding: 0 6px; }
body.t-var-d .dk-seg__item:is(.is-active, [aria-selected="true"], [aria-current="page"], [aria-current="true"]) .dk-chip { background: rgba(255, 255, 255, .18); color: var(--d-white); }
/* --day: iki satır (gün 14/700 · tarih 12/500), en az 150 */
body.t-var-d .dk-seg--day .dk-seg__item {
    flex-direction: column;
    gap: 0;
    min-width: 132px;
    height: 60px;
    padding: 0 18px;
}
body.t-var-d .dk-seg__day { display: inline-flex; align-items: center; gap: 8px; font: 700 14px / 20px var(--d-font); }
body.t-var-d .dk-seg__date { font: 500 12px / 16px var(--d-font); color: var(--d-ink-3); }
body.t-var-d .dk-seg__item:is(.is-active, [aria-current="page"]) .dk-seg__date { color: var(--d-navy-100); }
@media (min-width: 768px) {
    body.t-var-d .dk-seg--day .dk-seg__item { min-width: 150px; }
}
/* --filter: izsiz; ghost çipler */
body.t-var-d .dk-seg--filter { gap: 8px; padding: 0; border-radius: 0; background: none; }
body.t-var-d .dk-seg--filter .dk-seg__item { border: 1px solid var(--d-line-strong); color: var(--d-ink); }
body.t-var-d .dk-seg--filter .dk-seg__item:hover { background: var(--d-navy-50); }
body.t-var-d :is(.dk-band--mist, .dk-on-mist) .dk-seg--filter .dk-seg__item:hover { background: var(--d-white); }
body.t-var-d .dk-seg--filter .dk-seg__item:is(.is-active, [aria-selected="true"], [aria-current="page"], [aria-current="true"]) { border-color: var(--d-navy-600); background: var(--d-navy-600); color: var(--d-white); }

/* ───────────── §2.8 Boş durum ───────────── */
/* Varsayılan: sayfanın ana durumu — 96 daire (lacivert %8) + 48 ikon, başlık 28/700, metin 16, en az 480 yükseklik.
   --compact: liste içi küçük durum (64 daire, 28 ikon, başlık 18) — hipodrom "sıradaki" gibi. */
body.t-var-d .dk-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    padding: 48px 0;
    text-align: center;
}
body.t-var-d .dk-empty__icon {
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    border-radius: var(--d-r-full);
    background: rgba(43, 57, 144, .08);
    color: var(--d-navy-600);
}
body.t-var-d .dk-empty__icon .dk-icon { width: 48px; height: 48px; stroke-width: 1.75; }
body.t-var-d .dk-empty__title { margin-top: 24px; font: 700 24px / 30px var(--d-font); letter-spacing: -.01em; color: var(--d-ink); text-transform: none; }
body.t-var-d .dk-empty__text { max-width: 480px; margin-top: 8px; font: 400 16px / 26px var(--d-font); color: var(--d-ink-2); }
body.t-var-d .dk-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; }
body.t-var-d .dk-empty--compact { min-height: 0; padding: 32px 0; }
body.t-var-d .dk-empty--compact .dk-empty__icon { width: 64px; height: 64px; background: var(--d-navy-100); color: var(--d-navy-400); }
body.t-var-d .dk-empty--compact .dk-empty__icon .dk-icon { width: 28px; height: 28px; stroke-width: 2; }
body.t-var-d .dk-empty--compact .dk-empty__title { margin-top: 16px; font-size: 18px; line-height: 24px; letter-spacing: 0; }
body.t-var-d .dk-empty--compact .dk-empty__text { max-width: 440px; font-size: 15px; line-height: 24px; }
body.t-var-d .dk-empty--compact .dk-empty__actions { margin-top: 24px; }
@media (min-width: 768px) {
    body.t-var-d .dk-empty { min-height: 480px; padding: 64px 0; }
    body.t-var-d .dk-empty__title { font-size: 28px; line-height: 34px; }
    body.t-var-d .dk-empty--compact { min-height: 0; padding: 32px 0; }
    body.t-var-d .dk-empty--compact .dk-empty__title { font-size: 18px; line-height: 24px; }
}

/* ───────────── §2.9 İskelet ───────────── */
body.t-var-d .dk-skel {
    display: block;
    border-radius: var(--d-r-md);
    background: linear-gradient(90deg, var(--d-navy-100) 0%, var(--d-navy-50) 50%, var(--d-navy-100) 100%) 0 0 / 200% 100%;
    animation: dk-shimmer 1.4s linear infinite;
}
body.t-var-d .dk-skel--fill { position: absolute; inset: 0; border-radius: inherit; }
body.t-var-d .dk-player .dk-skel { background-image: linear-gradient(90deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .10) 50%, rgba(255, 255, 255, .04) 100%); }
@keyframes dk-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }

/* ───────────── Beyaz kart yüzeyleri: kv, akordeon, panel (form/kupon) ───────────── */
/* Sis üzerinde sh-1 (gölgeler dosya sonunda); beyaz bantta 1 px çizgi, gölgesiz */
body.t-var-d :is(.dk-kv, .dk-acc, .dk-panel) {
    border-radius: var(--d-r-xl);
    background: var(--d-white);
    color: var(--d-ink);
}
body.t-var-d .dk-panel { padding: 20px; }
@media (min-width: 768px) {
    body.t-var-d .dk-panel { padding: 24px; }
    body.t-var-d .dk-panel--lg { padding: 32px; }
}

/* §2.13 Anahtar–değer kartı */
body.t-var-d .dk-kv { padding: 20px; }
body.t-var-d .dk-kv__title { margin: 0 0 16px; font: 700 16px / 22px var(--d-font); color: var(--d-ink); text-transform: none; }
body.t-var-d .dk-kv__row { display: flex; flex-direction: column; gap: 4px; padding: 16px 0; }
body.t-var-d .dk-kv__row:first-child { padding-top: 0; }
body.t-var-d .dk-kv__row:last-child { padding-bottom: 0; }
body.t-var-d .dk-kv__row + .dk-kv__row { border-top: 1px solid var(--d-line); }
body.t-var-d .dk-kv__label { font: 700 12px / 16px var(--d-font); letter-spacing: .06em; text-transform: uppercase; color: var(--d-navy-400); }
body.t-var-d .dk-kv__value { font: 600 15px / 22px var(--d-font); color: var(--d-ink); }
body.t-var-d .dk-kv__value a { --vr-theme-color: var(--d-navy-500); color: var(--d-navy-600); text-decoration: none; }
body.t-var-d .dk-kv__value a:hover { text-decoration: underline; text-underline-offset: 3px; }
/* Simgeli satır (İletişim): 40 navy-100 daire + ikon */
body.t-var-d .dk-kv__row--icon { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; align-items: center; }
body.t-var-d .dk-kv__icon { grid-row: span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--d-r-full); background: var(--d-navy-100); color: var(--d-navy-600); }
body.t-var-d .dk-kv__icon .dk-icon { width: 18px; height: 18px; }
/* --grid: 2–3 sütun hücre; değer 28/800 navy-600 + etiket 13 ink-3 */
body.t-var-d .dk-kv--grid .dk-kv__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
body.t-var-d .dk-kv--grid .dk-kv__row { padding: 0; border: 0; }
body.t-var-d .dk-kv--grid .dk-kv__row + .dk-kv__row { border-top: 0; }
body.t-var-d .dk-kv--grid .dk-kv__value { order: -1; font: 800 28px / 34px var(--d-font); letter-spacing: -.01em; color: var(--d-navy-600); font-variant-numeric: tabular-nums; }
body.t-var-d .dk-kv--grid .dk-kv__label { font: 500 13px / 18px var(--d-font); letter-spacing: 0; text-transform: none; color: var(--d-ink-3); }
@media (min-width: 768px) {
    body.t-var-d .dk-kv { padding: 24px; }
    body.t-var-d .dk-kv--grid .dk-kv__list { grid-template-columns: repeat(var(--dk-kv-cols, 3), minmax(0, 1fr)); }
}

/* §2.14 Akordeon (<details>) */
body.t-var-d .dk-acc { overflow: hidden; }
body.t-var-d .dk-acc__item + .dk-acc__item { border-top: 1px solid var(--d-line); }
body.t-var-d .dk-acc__sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    font: 600 16px / 24px var(--d-font);
    color: var(--d-ink);
    list-style: none;
    cursor: pointer;
    transition: color var(--d-t-fast) var(--d-ease), background-color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-acc__sum::-webkit-details-marker { display: none; }
body.t-var-d .dk-acc__sum::marker { content: ""; }
body.t-var-d .dk-acc__sum:hover { color: var(--d-navy-600); }
body.t-var-d .dk-acc__sum:focus-visible { outline-offset: -2px; }
body.t-var-d .dk-acc__sum :is(h2, h3, h4) { margin: 0; font: inherit; color: inherit; }
body.t-var-d .dk-acc__chev { flex: none; width: 20px; height: 20px; color: var(--d-navy-400); transition: transform var(--d-t-mid) var(--d-ease); }
body.t-var-d .dk-acc__item[open] > .dk-acc__sum { color: var(--d-navy-600); }
body.t-var-d .dk-acc__item[open] > .dk-acc__sum .dk-acc__chev { transform: rotate(180deg); }
body.t-var-d .dk-acc__panel { padding: 0 20px 16px; font: 400 15px / 24px var(--d-font); color: var(--d-ink-2); }
body.t-var-d .dk-acc__panel > :last-child { margin-bottom: 0; }
body.t-var-d .dk-acc__panel p + p { margin-top: 12px; }
@media (min-width: 768px) {
    body.t-var-d .dk-acc__sum { padding: 20px 24px; font-size: 17px; }
    body.t-var-d .dk-acc__panel { padding: 0 24px 20px; font-size: 16px; line-height: 26px; }
}

/* ───────────── §2.15 Form alanları ───────────── */
body.t-var-d .dk-field { position: relative; display: flex; flex-direction: column; gap: 6px; }
body.t-var-d .dk-field + .dk-field { margin-top: 16px; }
body.t-var-d .dk-field__label { font: 700 13px / 18px var(--d-font); color: var(--d-ink); }
body.t-var-d .dk-field__control { position: relative; }
body.t-var-d :is(.dk-input, .dk-select, .dk-textarea) {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid var(--d-line-strong);
    border-radius: var(--d-r-md);
    background: var(--d-white);
    font: 400 15px / 22px var(--d-font);
    color: var(--d-ink);
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color var(--d-t-fast) var(--d-ease), box-shadow var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-textarea { height: auto; min-height: 160px; padding: 12px 14px; resize: vertical; }
body.t-var-d .dk-select {
    padding-right: 40px;
    background: var(--d-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235B68BD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 18px no-repeat;
}
body.t-var-d :is(.dk-input, .dk-textarea)::placeholder { color: var(--d-ink-3); opacity: 1; }
body.t-var-d :is(.dk-input, .dk-select, .dk-textarea):hover { border-color: var(--d-navy-300); }
body.t-var-d :is(.dk-input, .dk-select, .dk-textarea):focus { border-color: var(--d-navy-600); }
/* Hata (kırmızı yalnız canlı): navy-700 kenar + alert-circle + mesaj */
body.t-var-d .dk-field.is-error :is(.dk-input, .dk-select, .dk-textarea) { border-color: var(--d-navy-700); padding-right: 40px; }
body.t-var-d .dk-field__erricon { position: absolute; right: 14px; top: 15px; width: 18px; height: 18px; color: var(--d-navy-700); pointer-events: none; }
body.t-var-d .dk-field__msg { display: flex; align-items: center; gap: 6px; font: 600 13px / 18px var(--d-font); color: var(--d-ink); }
body.t-var-d .dk-field__hint { font: 500 13px / 18px var(--d-font); color: var(--d-ink-3); }
body.t-var-d .dk-turnstile { margin-top: 16px; }
body.t-var-d .dk-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 16px; }
body.t-var-d .dk-form__note { font: 600 14px / 20px var(--d-font); color: var(--d-navy-600); }
body.t-var-d .dk-form__note.is-error { color: var(--d-ink); }

/* ───────────── §2.10 Makale tipografisi (ham CMS HTML) ───────────── */
body.t-var-d .dk-prose {
    max-width: 760px;
    font: 400 16px / 27px var(--d-font);
    color: var(--d-ink);
    overflow-wrap: break-word;
}
/* Eski satır içi yazı tipi/punto beyanları nötrlenir; satır içi renkler bırakılır */
body.t-var-d .dk-prose :is([style*="font-family"], font[face]) { font-family: inherit !important; }
body.t-var-d .dk-prose :is([style*="font-size"], font[size]) { font-size: inherit !important; }
body.t-var-d .dk-prose [style*="line-height"] { line-height: inherit !important; }
body.t-var-d .dk-prose > :first-child { margin-top: 0; }
/* Panel editöründen gelen satır içi margin/padding beyanları prose ritmine döner (P5'ten terfi; reklam sarmalayıcıları div — dokunulmaz) */
body.t-var-d .dk-prose :is(p, ul, ol)[style*="margin"] { margin: 0 0 20px !important; }
body.t-var-d .dk-prose h2[style*="margin"] { margin: 40px 0 16px !important; }
body.t-var-d .dk-prose h3[style*="margin"] { margin: 32px 0 12px !important; }
body.t-var-d .dk-prose :is(h4, h5, h6)[style*="margin"] { margin: 24px 0 8px !important; }
body.t-var-d .dk-prose li[style*="margin"] { margin: 0 !important; }
body.t-var-d .dk-prose li[style*="margin"] + li { margin-top: 8px !important; }
body.t-var-d .dk-prose :is(ul, ol)[style*="padding"] { padding-left: 24px !important; }
body.t-var-d .dk-prose :is(p, h2, h3, h4, h5, h6)[style*="padding"] { padding: 0 !important; }
body.t-var-d .dk-prose li[style*="padding"] { padding: 0 0 0 4px !important; }
body.t-var-d .dk-prose > :first-child[style*="margin"] { margin-top: 0 !important; }
/* Boş <p></p> (panel editörü) ritmi bozmasın */
body.t-var-d .dk-prose p:empty { display: none; }
body.t-var-d .dk-prose > :last-child { margin-bottom: 0; }
body.t-var-d .dk-prose p { margin: 0 0 20px; font: inherit; color: inherit; }
body.t-var-d .dk-prose :is(h2, h3, h4, h5, h6) { color: var(--d-ink); text-transform: none; }
body.t-var-d .dk-prose h2 { margin: 40px 0 16px; font: 800 22px / 28px var(--d-font); letter-spacing: -.02em; }
body.t-var-d .dk-prose h3 { margin: 32px 0 12px; font: 700 18px / 24px var(--d-font); }
body.t-var-d .dk-prose h4 { margin: 24px 0 8px; font: 700 17px / 24px var(--d-font); }
body.t-var-d .dk-prose :is(h5, h6) { margin: 24px 0 8px; font: 700 15px / 22px var(--d-font); }
body.t-var-d .dk-prose a {
    --vr-theme-color: var(--d-navy-500);
    color: var(--d-navy-600);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-prose a:hover { color: var(--d-navy-500); }
body.t-var-d .dk-prose :is(strong, b) { font-weight: 700; color: var(--d-ink); }
body.t-var-d .dk-prose :is(ul, ol) { margin: 0 0 20px; padding-left: 24px; }
body.t-var-d .dk-prose ul { list-style: disc outside; }
body.t-var-d .dk-prose ol { list-style: decimal outside; }
body.t-var-d .dk-prose li { margin: 0; padding-left: 4px; }
body.t-var-d .dk-prose li + li { margin-top: 8px; }
body.t-var-d .dk-prose li::marker { color: var(--d-navy-400); }
body.t-var-d .dk-prose li > :is(ul, ol) { margin: 8px 0 0; }
body.t-var-d .dk-prose blockquote {
    margin: 32px 0;
    padding: 4px 0 4px 24px;
    border: 0;
    border-left: 3px solid var(--d-navy-200);
    background: none;
    font: 500 18px / 28px var(--d-font);
    font-style: normal;
    color: var(--d-ink);
}
body.t-var-d .dk-prose blockquote p { margin: 0 0 12px; }
body.t-var-d .dk-prose blockquote > :last-child { margin-bottom: 0; }
body.t-var-d .dk-prose cite { display: block; margin-top: 8px; font: 500 13px / 18px var(--d-font); font-style: normal; color: var(--d-ink-3); }
body.t-var-d .dk-prose figure { margin: 32px 0; }
body.t-var-d .dk-prose img { max-width: 100%; height: auto; border-radius: var(--d-r-lg); }
body.t-var-d .dk-prose figure img { display: block; width: 100%; }
body.t-var-d .dk-prose figcaption { margin-top: 8px; font: 500 13px / 18px var(--d-font); color: var(--d-ink-3); text-align: left; }
body.t-var-d .dk-prose hr { height: 0; margin: 32px 0; border: 0; border-top: 1px solid var(--d-line); }
body.t-var-d .dk-prose :is(code, kbd) { padding: 1px 6px; border-radius: 6px; background: var(--d-navy-50); font-size: .9em; }
body.t-var-d .dk-prose .dk-prose__table { margin: 32px 0; overflow-x: auto; overscroll-behavior-x: contain; }
body.t-var-d .dk-prose table { width: 100%; margin: 32px 0; border-collapse: collapse; border: 0; font: 400 14px / 20px var(--d-font); color: var(--d-ink); }
body.t-var-d .dk-prose .dk-prose__table table { margin: 0; }
body.t-var-d .dk-prose th {
    padding: 12px;
    border: 0;
    border-bottom: 1px solid var(--d-line);
    background: var(--d-navy-50);
    font: 700 13px / 18px var(--d-font);
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
    color: var(--d-ink-2);
}
body.t-var-d .dk-prose td { padding: 12px; border: 0; border-bottom: 1px solid var(--d-line); background: none; vertical-align: top; }
/* Video gömmeleri dk-player gibi 16:9 + köşeli; diğer iframe'ler en çok %100 */
body.t-var-d .dk-prose iframe { max-width: 100%; border: 0; }
body.t-var-d .dk-prose iframe:is([src*="youtube"], [src*="youtu.be"], [src*="vimeo"], [data-src*="youtube"], [data-src*="vimeo"]) {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 32px 0;
    border-radius: var(--d-r-lg);
    background: var(--d-navy-900);
}
/* Makale içi reklam sarmalayıcısı olduğu gibi: dk-prose boşluk eklemez */
body.t-var-d .dk-prose .container-bn :is(p, img) { margin: 0; }
body.t-var-d .dk-prose .container-bn img { border-radius: var(--tad-r, 0); }
@media (min-width: 768px) {
    body.t-var-d .dk-prose { font-size: 17px; line-height: 29px; }
    body.t-var-d .dk-prose h2 { font-size: 26px; line-height: 32px; }
    body.t-var-d .dk-prose h3 { font-size: 20px; line-height: 26px; }
    body.t-var-d .dk-prose blockquote { font-size: 20px; line-height: 30px; }
}

/* ───────────── §2.11 Paylaş ───────────── */
body.t-var-d .dk-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
body.t-var-d .dk-share__label { font: 600 13px / 18px var(--d-font); color: var(--d-ink-3); }
body.t-var-d .dk-share__list { display: flex; flex-wrap: wrap; gap: 8px; }
body.t-var-d .dk-share__btn {
    --vr-theme-color: var(--d-ink);
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--d-line);
    border-radius: var(--d-r-full);
    background: var(--d-white);
    color: var(--d-ink);
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--d-t-fast) var(--d-ease), border-color var(--d-t-fast) var(--d-ease), color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dk-share__btn svg { display: block; width: 18px; height: 18px; }
body.t-var-d .dk-share__btn:hover { --vr-theme-color: var(--d-white); border-color: var(--d-navy-600); background: var(--d-navy-600); color: var(--d-white); }
body.t-var-d .dk-share__tip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    padding: 6px 10px;
    border-radius: var(--d-r-sm);
    background: var(--d-navy-900);
    color: var(--d-white);
    font: 600 12px / 16px var(--d-font);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 4px);
    transition: opacity var(--d-t-fast) var(--d-ease), transform var(--d-t-fast) var(--d-ease), visibility 0s linear var(--d-t-fast);
    pointer-events: none;
}
body.t-var-d .dk-share__btn.is-copied .dk-share__tip { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }

/* ───────────── §2.18 Oynatıcı çerçevesi ───────────── */
body.t-var-d .dk-player {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: var(--d-r-lg);
    background: var(--d-navy-900);
    color: var(--d-white);
    isolation: isolate;
}
body.t-var-d .dk-player > :is(iframe, video, object, embed) {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    border: 0;
    border-radius: 0;
}
body.t-var-d .dk-player__facade {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: var(--d-navy-900);
    cursor: pointer;
}
body.t-var-d .dk-player__facade::after { content: ""; position: absolute; inset: 0; background: var(--d-scrim-soft); pointer-events: none; }
body.t-var-d .dk-player__facade:hover img { transform: scale(1.03); }
body.t-var-d .dk-player__facade:focus-visible { outline: 3px solid var(--d-white); outline-offset: -6px; }
body.t-var-d .dk-player__idle {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 24px;
    text-align: center;
}
body.t-var-d .dk-player__idleicon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 10px; border-radius: var(--d-r-full); background: rgba(255, 255, 255, .08); color: var(--d-white); }
body.t-var-d .dk-player__idletitle { font: 600 18px / 24px var(--d-font); color: var(--d-white); }
body.t-var-d .dk-player__idlesub { max-width: 440px; font: 400 14px / 20px var(--d-font); color: var(--d-navy-200); }
@media (min-width: 768px) {
    body.t-var-d .dk-player { border-radius: var(--d-r-xl); }
}
@media (max-width: 767.98px) {
    body.t-var-d .dk-player--bleed { margin-inline: calc(-1 * var(--d-gutter)); border-radius: 0; }
}

/* ───────────── §2.19 Üçüncü taraf iframe çerçevesi ───────────── */
body.t-var-d .dk-frame { margin: 0; }
body.t-var-d .dk-frame__box {
    position: relative;
    overflow: hidden;
    border-radius: var(--d-r-lg);
    background: var(--d-white);
}
body.t-var-d .dk-frame__scroll { overflow-x: auto; overscroll-behavior-x: contain; }
body.t-var-d .dk-frame__scroll > iframe { display: block; max-width: none; margin-inline: auto; border: 0; border-radius: 0; }
body.t-var-d .dk-frame__skel {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px;
    background: var(--d-white);
    transition: opacity var(--d-t-mid) var(--d-ease), visibility 0s linear var(--d-t-mid);
}
body.t-var-d .dk-frame__skel .dk-skel { position: absolute; inset: 16px; border-radius: var(--d-r-lg); opacity: .7; }
body.t-var-d .dk-frame__loading { position: relative; font: 500 14px / 20px var(--d-font); color: var(--d-ink-3); }
body.t-var-d .dk-frame.is-loaded .dk-frame__skel { opacity: 0; visibility: hidden; }
body.t-var-d .dk-frame__cap { margin-top: 12px; font: 500 13px / 18px var(--d-font); color: var(--d-ink-3); }
/* <1024: hipodrom.com içeriği duyarlı → iframe çerçeve genişliğinde (yatay kaydırma yok); ≥1024 sabit boyut, ölçeklenmez */
@media (max-width: 1023.98px) {
    body.t-var-d .dk-frame--fluid-m .dk-frame__scroll > iframe { width: 100%; height: var(--dk-frame-mh, auto); }
}
@media (min-width: 768px) {
    body.t-var-d .dk-frame__box { border-radius: var(--d-r-xl); }
}

/* ───────────── Reklam alanları (işaretleme dondurulmuş; yalnız çevresi) ───────────── */
/* Sarmalayıcıların satır içi boşlukları AdServer'dan: header 16/24, posts_* 0/24, sidebar 0/0 */
body.t-var-d .dk-ad { display: flow-root; min-width: 0; }
body.t-var-d .dk-ad:not(:has(.container-bn)) { display: none; }
body.t-var-d .dk-ad .bn-inner img { display: block; width: auto; max-width: 100%; height: auto; margin-inline: auto; }
body.t-var-d .dk-ad .bn-inner iframe { max-width: 100%; margin-inline: auto; }
/* İçerik arası: 48 / 48 (mobil 32 / 32) */
body.t-var-d .dk-ad--gap { margin-top: var(--d-band-inner); margin-bottom: calc(var(--d-band-inner) - 24px); }
/* Bandın sonu: 48 üst; sarmalayıcının 24'ü sıfırlanır → banda bandın kendi alt boşluğu (64 / 40) kalır */
body.t-var-d .dk-ad--end { margin-top: var(--d-band-inner); margin-bottom: -24px; }
/* Ertelenmiş başlık reklamı (A bandının ilk öğesi): 8 + satır içi 16 = 24 üst; sayfa başına 24 + (8 | 0) = 32 (24) */
body.t-var-d .dk-ad--top { padding-top: 8px; padding-bottom: calc(var(--dk-head-mb) - 24px); }

/* ───────────── §2.17 Yapışkan kenar rayı ───────────── */
body.t-var-d .dk-side { min-width: 0; }
body.t-var-d .dk-side__inner > * + * { margin-top: 24px; }
body.t-var-d .dk-side__title { margin: 0 0 4px; font: 700 16px / 22px var(--d-font); color: var(--d-ink); text-transform: none; }
/* Kenar listesi beyaz panel: satırlar beyaz, aralarında 1 px çizgi (sis üzerinde sh-1, beyaz bantta çizgi kenar) */
body.t-var-d .dk-side__block { padding: 20px 20px 6px; border-radius: var(--d-r-lg); background: var(--d-white); }
body.t-var-d .dk-side .dk-side__block .dk-rows .dk-row:last-child .dk-row__link { padding-bottom: 14px; }
@media (min-width: 1024px) {
    body.t-var-d .dk-l-8-4 > .dk-side { position: sticky; top: var(--dk-side-top); align-self: start; }
}

/* ───────────── Gölgeler (tay-main "düz görünüm" katmanı !important ile siler: aynı katmanda, daha güçlü seçici) ───────────── */
@layer base {
    /* Eski .breadcrumb (@layer components, !important) — yalnız kit sayfa yolunda nötrlenir */
    body.t-var-d .dk-crumb > ol:not(#tay-flat) {
        display: flex !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
    }
    /* Reklam kreatifleri (yalnız kit sarmalayıcısında): doğal boyut, en çok %100 — tay-main mobilde width:100%!important ile
       büyütüyor; kenar rayında flex-start'a yaslıyor → ortala */
    body.t-var-d .dk-ad .bn-inner img:not(#tay-flat) { width: auto !important; max-width: 100% !important; height: auto !important; }
    body.t-var-d .dk-ad :is(.bn-sidebar-content, .bn-sidebar-content .bn-inner):not(#tay-flat) { justify-content: center !important; }
    /* Görsel kartlar: sis üzerinde sh-1 dinlenme, her yerde üzerine gelince sh-2 (yalnız görselde) */
    body.t-var-d :is(.dk-band--mist, .dk-on-mist) :is(.dk-card__media, .dk-poster):not(#tay-flat) { box-shadow: var(--d-sh-1) !important; }
    body.t-var-d .dk-card:hover .dk-card__media:not(#tay-flat),
    body.t-var-d .dk-poster:hover:not(#tay-flat) { box-shadow: var(--d-sh-2) !important; }
    /* Beyaz kartlar sis üzerinde */
    body.t-var-d :is(.dk-band--mist, .dk-on-mist) :is(.dk-kv, .dk-acc, .dk-panel, .dk-frame__box, .dk-side__block):not(#tay-flat) { box-shadow: var(--d-sh-1) !important; }
    body.t-var-d :is(.dk-band--white, .dk-on-white) :is(.dk-kv, .dk-acc, .dk-panel, .dk-frame__box, .dk-side__block):not(#tay-flat) { box-shadow: inset 0 0 0 1px var(--d-line) !important; }
    /* Oynatıcı sis üzerinde sh-2; koyu bantta ince iç kenar */
    body.t-var-d :is(.dk-band--mist, .dk-on-mist) .dk-player:not(#tay-flat) { box-shadow: var(--d-sh-2) !important; }
    body.t-var-d :is(.dk-band--navy, .dk-band--stage) .dk-player:not(#tay-flat) { box-shadow: var(--d-ring-dark) !important; }
    /* Form odağı: 2 px navy halka */
    body.t-var-d :is(.dk-input, .dk-select, .dk-textarea):focus:not(#tay-flat) { box-shadow: 0 0 0 2px var(--d-navy-600) !important; }
}

/* ───────────── Azaltılmış hareket: dönüşüm, nabız, parıltı yok; renk geçişleri kalır ───────────── */
@media (prefers-reduced-motion: reduce) {
    body.t-var-d :is(.dk-rail, .dk-seg, .dk-crumb > ol) { scroll-behavior: auto; }
    body.t-var-d :is(.dk-card, .dk-poster, .dk-avatar):hover,
    body.t-var-d :is(.dk-card, .dk-poster, .dk-player__facade):hover img,
    body.t-var-d .dk-row__link:hover .dk-row__thumb img,
    body.t-var-d .dk-more:hover .dk-more__arrow,
    body.t-var-d .dk-play,
    body.t-var-d :is(.dk-card, .dk-row__link, .dk-player__facade):is(:hover, :focus-visible) .dk-play,
    body.t-var-d .dk-acc__item[open] > .dk-acc__sum .dk-acc__chev { transform: none; }
    body.t-var-d .dk-acc__chev { transition: none; }
    body.t-var-d :is(.dk-share__tip, .dk-share__btn.is-copied .dk-share__tip) { transform: translate(-50%, 0); }
    body.t-var-d :is(.dk-card, .dk-poster, .dk-avatar, .dk-play, .dk-more__arrow, .dk-acc__chev),
    body.t-var-d :is(.dk-card__media, .dk-poster__media, .dk-player__facade, .dk-row__thumb) img { transition-property: color, background-color, border-color, opacity, box-shadow; }
    body.t-var-d :is(.dk-dot, .dk-skel, .dk-fade-in) { animation: none; }
}

/* ───────────── K faz 2 (ek): dk-feed — boşluksuz kart akışı (dk_feed()) ─────────────
   Satırlar PHP'de dk_pack ile doldurulur: .dk-feed__c3 (4'lü, 312) · __c4 (3'lü, 424) · __c6 (2'li) · __c12 (tek, geniş yatay)
   · __lead (öncü: ≥1200'de 6 sütun × 2 satır, sütunu doldurur). 768–1023: 2'li; .is-t-wide (3'lü satırın ilki) geniş.
   <768: kartlar alt alta (24), .is-m-row öğeler anasayfa liste satırı gibi (128×72 görsel, ince çizgi). */
body.t-var-d .dk-feed { display: grid; grid-template-columns: minmax(0, 1fr); }
@media (max-width: 767.98px) {
    body.t-var-d .dk-feed > .dk-card:not(.is-m-row) { margin-bottom: 24px; }
    body.t-var-d .dk-feed > .dk-card:last-child { margin-bottom: 0; }
    body.t-var-d .dk-feed > .dk-card.is-m-row {
        flex-direction: row;
        align-items: center;
        gap: 14px;
        padding: 14px 0;
        border-top: 1px solid var(--d-line);
    }
    body.t-var-d .dk-feed > .dk-card.is-m-row:first-child,
    body.t-var-d .dk-feed > .dk-card:not(.is-m-row) + .dk-card.is-m-row { border-top: 0; }
    body.t-var-d .dk-feed > .dk-card.is-m-row:hover { transform: none; }
    body.t-var-d .dk-feed > .dk-card.is-m-row .dk-card__media { flex: none; width: 128px; border-radius: var(--d-r-sm); }
    body.t-var-d .dk-feed > .dk-card.is-m-row .dk-card__body { flex: 1 1 auto; min-width: 0; padding-top: 0; }
    body.t-var-d .dk-feed > .dk-card.is-m-row .dk-card__title { font: 600 15px / 21px var(--d-font); letter-spacing: 0; -webkit-line-clamp: 2; line-clamp: 2; }
    body.t-var-d .dk-feed > .dk-card.is-m-row :is(.dk-card__excerpt, .dk-badge, .dk-card__dur, .dk-card__chip) { display: none; }
    body.t-var-d .dk-feed > .dk-card.is-m-row .dk-play { left: 6px; top: auto; bottom: 6px; width: 24px; height: 24px; margin: 0; }
    body.t-var-d .dk-feed > .dk-card.is-m-row .dk-play .dk-icon { width: 12px; height: 12px; margin-left: 1px; }
}
@media (min-width: 768px) {
    body.t-var-d .dk-feed { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }
    body.t-var-d .dk-feed > * { grid-column: span 6; min-width: 0; }
    /* Geniş yatay kart: görsel 7 / metin 5 (anasayfa tablet öncüsü ile aynı) */
    body.t-var-d .dk-feed > :is(.dk-feed__lead, .dk-feed__c12, .is-t-wide) {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        column-gap: 24px;
        align-items: center;
    }
    body.t-var-d .dk-feed > :is(.dk-feed__lead, .dk-feed__c12, .is-t-wide) .dk-card__body { padding-top: 0; }
    body.t-var-d .dk-feed > :is(.dk-feed__lead, .dk-feed__c12, .is-t-wide) :is(.dk-card__title, .dk-card__excerpt) { -webkit-line-clamp: 3; line-clamp: 3; }
    body.t-var-d .dk-feed > .is-t-wide .dk-card__title { font: 800 22px / 28px var(--d-font); letter-spacing: -.01em; }
    body.t-var-d .dk-feed > .is-t-wide .dk-card__media { border-radius: var(--d-r-xl); }
}
@media (min-width: 1024px) {
    body.t-var-d .dk-feed > .dk-feed__c3 { grid-column: span 3; }
    body.t-var-d .dk-feed > .dk-feed__c4 { grid-column: span 4; }
    body.t-var-d .dk-feed > .dk-feed__c6 { grid-column: span 6; }
    /* 3'lü satırın ilki ≥1024'te yeniden dikey kart */
    body.t-var-d .dk-feed > .is-t-wide { grid-column: span 4; display: flex; align-items: stretch; }
    body.t-var-d .dk-feed > .is-t-wide .dk-card__body { padding-top: 12px; }
    body.t-var-d .dk-feed > .is-t-wide .dk-card__title { font: 700 18px / 24px var(--d-font); letter-spacing: 0; -webkit-line-clamp: 2; line-clamp: 2; }
    body.t-var-d .dk-feed > .is-t-wide .dk-card__media { border-radius: var(--d-r-lg); }
}
@media (min-width: 1200px) {
    /* Öncü 6 sütun × 2 satır; görsel kalan yüksekliği doldurur (özetsiz video öncüsünde alt boşluk kalmaz, en az 16:9) */
    body.t-var-d .dk-feed > .dk-feed__lead {
        grid-column: span 6;
        grid-row: span 2;
        display: flex;
        align-items: stretch;
        align-self: stretch;
    }
    body.t-var-d .dk-feed > .dk-feed__lead .dk-card__media { flex: 1 0 auto; width: 100%; }
    body.t-var-d .dk-feed > .dk-feed__lead .dk-card__body { padding-top: 12px; }
    body.t-var-d .dk-feed > .dk-feed__lead :is(.dk-card__title, .dk-card__excerpt) { -webkit-line-clamp: 2; line-clamp: 2; }
}
@layer base {
    @media (max-width: 767.98px) {
        body.t-var-d .dk-feed > .dk-card.is-m-row .dk-card__media:not(#tay-flat) { box-shadow: none !important; }
    }
}

/* ───────────── K QA (ek): dk-feed--3 — dk-l-8-4 ana alanında 3'lü satırlar (≈275, Haberler kartı) ─────────────
   ≥1200: 3'lü (span 4); 1024–1199 (ana alan dar): tablet düzeni — 2'li, 3'lü satırın ilki geniş yatay. */
@media (min-width: 1024px) and (max-width: 1199.98px) {
    body.t-var-d .dk-feed--3 > .dk-feed__c4 { grid-column: span 6; }
    body.t-var-d .dk-feed--3 > .is-t-wide {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        column-gap: 24px;
        align-items: center;
    }
    body.t-var-d .dk-feed--3 > .is-t-wide .dk-card__body { padding-top: 0; }
    body.t-var-d .dk-feed--3 > .is-t-wide .dk-card__title { font: 800 22px / 28px var(--d-font); letter-spacing: -.01em; -webkit-line-clamp: 3; line-clamp: 3; }
    body.t-var-d .dk-feed--3 > .is-t-wide .dk-card__media { border-radius: var(--d-r-xl); }
}