/*
 * t-var-d-home.css — Görünüm D "AKIŞ", anasayfa alt bölümü (W2). VARIANT-D.md §3.7–3.11.
 * t-var-d.css'ten SONRA yüklenir; ortak tokenlar (--d-*) oradadır. Yerel tokenlar --dh-*. Her seçici body.t-var-d ile başlar.
 * İşaretleme: app/Views/themes/tay-yeni/partials/d/_d_home_*.php (sınıf öneki dh-).
 * tay-main "düz görünüm" katmanı box-shadow'u @layer base içinde !important ile siliyor: gölgeler aynı katmanda,
 * daha güçlü seçiciyle (dosya sonunda). Halkalar box-shadow yerine sözde öğe kenarlığıyla çizilir.
 */

/* ───────────── Yerel tokenlar (mobil önce) ───────────── */
body.t-var-d {
    /* Ray iç boşluğu = kapsayıcının sol kenarı: ilk kart kapsayıcıya, son kart sağ kenara hizalanır */
    --dh-pad: max(var(--d-gutter), calc((100% - var(--d-container)) / 2));
    --dh-rail-pt: 24px;  /* yükselme + gölge kırpılmasın diye rayın dikey payı (negatif marjla sıfırlanır) */
    --dh-rail-pb: 40px;
    --dh-card-w: 256px;
    --dh-rail-gap: 16px;
    --dh-poster-w: 240px;
    --dh-person-w: 100px;
    --dh-person-gap: 20px;
    --dh-avatar: 88px;
    --dh-scrim-strong: linear-gradient(180deg, rgba(20, 26, 74, 0) 40%, rgba(20, 26, 74, .5) 66%, rgba(20, 26, 74, .86) 100%);
    /* Afiş: metin bloğu sabit yükseklikte (~130 px) olduğu için perde alttan piksel ölçülü; tarih çipi (beyaz %16)
       en parlak fotoğrafta da ≥ 4,5:1 (masaüstü 400 px, mobil 320 px kartta aynı koyuluk) */
    --dh-scrim-poster: linear-gradient(0deg, rgba(20, 26, 74, .92) 0, rgba(20, 26, 74, .76) 150px, rgba(20, 26, 74, 0) 260px);
    --dh-scrim-poster-hover: linear-gradient(0deg, rgba(20, 26, 74, .97) 0, rgba(20, 26, 74, .84) 150px, rgba(20, 26, 74, 0) 260px);
}
@media (min-width: 768px) {
    body.t-var-d {
        --dh-card-w: 312px;
        --dh-rail-gap: 24px;
        --dh-poster-w: 300px;
        --dh-person-w: 136px;
        --dh-person-gap: 32px;
        --dh-avatar: 120px;
    }
}

/* ───────────── Bantlar ───────────── */
body.t-var-d .dh-band {
    position: relative;
    padding-block: var(--d-band);
    font-family: var(--d-font);
    color: var(--d-ink);
}
body.t-var-d .dh-band--navy { background: var(--d-navy-800); color: var(--d-white); }
body.t-var-d .dh-band--white { background: var(--d-white); }
body.t-var-d .dh-band--mist { background: var(--d-navy-50); }
body.t-var-d .dh-wrap {
    width: min(100% - 2 * var(--d-gutter), var(--d-container));
    margin-inline: auto;
}
body.t-var-d .dh-band :where(h2, h3, p, ul, li) { margin: 0; }
body.t-var-d .dh-band :where(ul) { padding: 0; list-style: none; }

/* ───────────── Bölüm başlığı ───────────── */
body.t-var-d .dh-head {
    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 .dh-head__main { grid-column: 1; grid-row: 1; min-width: 0; }
body.t-var-d .dh-head__actions {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}
body.t-var-d .dh-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 .dh-title {
    margin: 0;
    font: 800 22px / 28px var(--d-font);
    letter-spacing: -.01em;
    color: var(--d-ink);
}
body.t-var-d .dh-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 .dh-band--navy .dh-eyebrow { color: var(--d-navy-200); }
body.t-var-d .dh-band--navy .dh-title { color: var(--d-white); }
body.t-var-d .dh-band--navy .dh-sub { color: var(--d-navy-200); }
@media (min-width: 768px) {
    body.t-var-d .dh-title { font-size: 30px; line-height: 36px; letter-spacing: -.02em; }
    body.t-var-d .dh-sub { font-size: 16px; line-height: 26px; }
}

/* "Tümü →" */
body.t-var-d .dh-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 .dh-more:hover { color: var(--d-navy-500); }
body.t-var-d .dh-more__arrow { display: inline-block; transition: transform var(--d-t-mid) var(--d-ease); }
body.t-var-d :is(.dh-more, .dh-ghost):hover .dh-more__arrow { transform: translateX(2px); }
body.t-var-d .dh-band--navy .dh-more { --vr-theme-color: var(--d-white); color: var(--d-white); }
body.t-var-d .dh-band--navy .dh-more:hover { color: var(--d-navy-100); }

/* Ray okları — yalnız ≥768 ve ray gerçekten taşıyorsa (JS [hidden]'ı kaldırır) */
body.t-var-d .dh-arrows { display: none; gap: 8px; }
@media (min-width: 768px) {
    body.t-var-d .dh-arrows { display: flex; }
    body.t-var-d .dh-arrows[hidden] { display: none; }
}
body.t-var-d .dh-arrow {
    display: 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);
    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 .dh-arrow:hover:not(:disabled) { background: var(--d-navy-600); border-color: var(--d-navy-600); color: var(--d-white); }
body.t-var-d .dh-arrow:active:not(:disabled) { background: var(--d-navy-700); border-color: var(--d-navy-700); }
body.t-var-d .dh-arrow:disabled { opacity: .35; cursor: default; }
body.t-var-d .dh-arrow:focus-visible { outline: 2px solid var(--d-navy-600); outline-offset: 2px; }
body.t-var-d .dh-band--navy .dh-arrow { border-color: rgba(255, 255, 255, .2); background: transparent; color: var(--d-white); }
body.t-var-d .dh-band--navy .dh-arrow:hover:not(:disabled) { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .2); color: var(--d-white); }
body.t-var-d .dh-band--navy .dh-arrow:active:not(:disabled) { background: rgba(255, 255, 255, .2); }
body.t-var-d .dh-band--navy .dh-arrow:focus-visible { outline-color: var(--d-white); }

/* ───────────── Ray (sağa taşar, kaydırma yaslanmalı) ───────────── */
body.t-var-d .dh-rail {
    position: relative; /* kartların offsetLeft'i raya göre (JS sayfalama) */
    display: flex;
    gap: var(--dh-rail-gap);
    margin: calc(-1 * var(--dh-rail-pt)) 0 calc(-1 * var(--dh-rail-pb));
    padding: var(--dh-rail-pt) var(--dh-pad) var(--dh-rail-pb);
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--dh-pad);
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}
body.t-var-d .dh-rail::-webkit-scrollbar { display: none; }
body.t-var-d .dh-rail.is-dragging { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; user-select: none; }
body.t-var-d .dh-rail.is-dragging a { pointer-events: none; }
body.t-var-d .dh-rail__item { flex: 0 0 auto; margin: 0; padding: 0; scroll-snap-align: start; }
body.t-var-d .dh-rail__item:last-child { scroll-snap-align: end; }
body.t-var-d .dh-rail--cards .dh-rail__item { width: var(--dh-card-w); }
body.t-var-d .dh-rail--posters .dh-rail__item { width: var(--dh-poster-w); }
body.t-var-d .dh-rail--people { gap: var(--dh-person-gap); }
body.t-var-d .dh-rail--people .dh-rail__item { width: var(--dh-person-w); }
body.t-var-d .dh-rail img { -webkit-user-drag: none; }

/* ───────────── Oynat düğmesi (her zaman görünür) ───────────── */
body.t-var-d .dh-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 .dh-play .t-icon { margin-left: 2px; }
body.t-var-d .dh-play--center { left: 50%; top: 50%; bottom: auto; width: 40px; height: 40px; margin: -20px 0 0 -20px; }
/* mobil öne çıkan (358×201): başlık alttaki 2 satırı kaplar, oynat düğmesi görselin üst yarısının ortasında */
body.t-var-d .dh-play--xl { left: 50%; top: 34%; bottom: auto; width: 48px; height: 48px; margin: -24px 0 0 -24px; }
body.t-var-d .dh-play--xl .t-icon { width: 20px; height: 20px; margin-left: 3px; }
@media (min-width: 768px) {
    body.t-var-d .dh-play--xl { top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; }
    body.t-var-d .dh-play--xl .t-icon { width: 26px; height: 26px; }
}
body.t-var-d :is(.dh-card, .dh-spot):is(:hover, :focus-visible) .dh-play { opacity: 1; transform: scale(1); }

/* ───────────── Kart (16:9 görsel kartın kenarı, metin altta, kutu yok) ───────────── */
body.t-var-d .dh-card {
    --vr-theme-color: var(--d-ink);
    display: block;
    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 .dh-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(.dh-card__media, .dh-spot__media, .dh-poster__media) img {
    position: absolute;
    inset: 0;
    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 .dh-card__body { display: block; padding-top: 12px; }
body.t-var-d .dh-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);
    color: var(--d-ink);
    transition: color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dh-card--episode .dh-card__title { font-weight: 700; }
body.t-var-d .dh-card__meta {
    display: block;
    margin-top: 6px;
    font: 500 13px / 18px var(--d-font);
    color: var(--d-ink-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.t-var-d .dh-card__meta + .dh-card__meta { margin-top: 2px; }
body.t-var-d .dh-card__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin-top: 6px;
    font: 400 15px / 24px var(--d-font);
    color: var(--d-ink-2);
}
@media (min-width: 768px) {
    body.t-var-d .dh-card__title { font-size: 16px; line-height: 22px; }
}
body.t-var-d .dh-card:hover { transform: translateY(-4px); }
body.t-var-d .dh-card:hover .dh-card__media img { transform: scale(1.03); }
body.t-var-d .dh-card:hover .dh-card__title { color: var(--d-navy-600); }
body.t-var-d .dh-card:focus-visible { outline: 0; }
body.t-var-d .dh-card:focus-visible .dh-card__media { outline: 2px solid var(--d-navy-600); outline-offset: 3px; }

/* "Son bölüm" rozeti (Panorama, ilk kart) */
body.t-var-d .dh-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    padding: 3px 7px;
    border: 1px solid rgba(255, 255, 255, .28); /* lacivert program görselinden ayrışsın */
    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;
}

/* ───────────── §3.7 Prestijli Yarışlar: afiş ───────────── */
body.t-var-d .dh-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);
    -webkit-tap-highlight-color: transparent;
}
body.t-var-d .dh-poster::after { /* --ring-dark: lacivert bant üzerinde gölge yerine ince iç kenar */
    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 .dh-poster__media img { object-position: 50% 50%; }
body.t-var-d .dh-poster__scrim,
body.t-var-d .dh-poster__scrim::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--dh-scrim-poster);
    pointer-events: none;
}
body.t-var-d .dh-poster__scrim::after {
    content: "";
    background: var(--dh-scrim-poster-hover);
    opacity: 0;
    transition: opacity var(--d-t-mid) var(--d-ease);
}
body.t-var-d .dh-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 .dh-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 .dh-poster__date {
    max-width: 100%;
    margin-bottom: 10px;
    padding: 4px 8px;
    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;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.t-var-d .dh-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);
}
body.t-var-d .dh-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 .dh-poster__body { padding: 20px; }
    body.t-var-d .dh-poster__title { font-size: 20px; line-height: 26px; }
}
body.t-var-d .dh-poster:hover { transform: translateY(-4px); }
body.t-var-d .dh-poster:hover .dh-poster__media img { transform: scale(1.03); }
body.t-var-d .dh-poster:hover .dh-poster__scrim::after { opacity: 1; }
body.t-var-d .dh-poster:focus-visible { outline: 2px solid var(--d-white); outline-offset: 3px; }

/* Gazi kartı → gazi.taytv.com geçiş perdesi (eski davranış; yalnız tıklanınca, 0,64 s) */
body.t-var-d .dh-gazi-go {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 48%, #1c1509 0%, #0a0a0e 72%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .42s ease, visibility .42s;
}
body.t-var-d .dh-gazi-go.is-active { opacity: 1; visibility: visible; pointer-events: auto; }
body.t-var-d .dh-gazi-go__logo {
    width: clamp(180px, 30vw, 300px);
    height: auto;
    opacity: 0;
    transform: scale(.86) translateY(6px);
    transition: transform .6s var(--d-ease) .08s, opacity .5s ease .08s;
}
body.t-var-d .dh-gazi-go.is-active .dh-gazi-go__logo { opacity: 1; transform: none; }

/* ───────────── §3.8 Yorumcular ───────────── */
body.t-var-d .dh-person {
    --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 .dh-person__photo {
    position: relative;
    display: block;
    width: var(--dh-avatar);
    height: var(--dh-avatar);
    overflow: hidden;
    border-radius: var(--d-r-full);
    background: var(--d-navy-50);
    isolation: isolate;
}
body.t-var-d .dh-person__photo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 50% 0;
}
body.t-var-d .dh-person__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 .dh-person__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 .dh-person:hover { transform: translateY(-2px); }
body.t-var-d .dh-person:hover .dh-person__photo::after { border-color: var(--d-navy-600); }
body.t-var-d .dh-person:hover .dh-person__name { color: var(--d-navy-600); }
body.t-var-d .dh-person:focus-visible { outline: 0; }
body.t-var-d .dh-person:focus-visible .dh-person__photo { outline: 2px solid var(--d-navy-600); outline-offset: 3px; }

/* ───────────── §3.9 Video Galeri (vitrin) ───────────── */
body.t-var-d .dh-vgrid { display: block; }
body.t-var-d .dh-vgrid__side { display: none; }
body.t-var-d .dh-spot {
    --vr-theme-color: var(--d-white);
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: var(--d-r-lg);
    background: var(--d-navy-800);
    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;
}
body.t-var-d .dh-spot__media { position: absolute; inset: 0; }
body.t-var-d .dh-spot__scrim {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--dh-scrim-strong);
    pointer-events: none;
}
body.t-var-d .dh-spot__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 16px;
}
body.t-var-d .dh-spot__eyebrow {
    margin: 0 0 6px;
    font: 700 12px / 16px var(--d-font);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--d-navy-200);
}
body.t-var-d .dh-spot__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-width: 720px;
    margin: 0;
    font: 800 20px / 26px var(--d-font);
    letter-spacing: -.01em;
    color: var(--d-white);
}
body.t-var-d .dh-spot__meta {
    margin: 6px 0 0;
    font: 500 13px / 18px var(--d-font);
    color: var(--d-navy-200);
}
@media (min-width: 768px) {
    body.t-var-d .dh-spot { border-radius: var(--d-r-xl); }
    body.t-var-d .dh-spot__body { padding: 28px; }
    body.t-var-d .dh-spot__title { font-size: 24px; line-height: 30px; }
}
body.t-var-d .dh-spot:hover { transform: translateY(-4px); }
body.t-var-d .dh-spot:hover .dh-spot__media img { transform: scale(1.03); }
body.t-var-d .dh-spot:focus-visible { outline: 2px solid var(--d-navy-600); outline-offset: 3px; }

/* Öne çıkanın altındaki ray: 24 (mobil) / 32 boşluk */
body.t-var-d .dh-videos__rail { margin-top: calc(24px - var(--dh-rail-pt)); }
@media (min-width: 768px) {
    body.t-var-d .dh-videos__rail { margin-top: calc(32px - var(--dh-rail-pt)); }
}
/* ≥1240: 9 + 3 sütun; yan sütun öne çıkanın yüksekliğine uzar, iki kart üst ve alt kenara yaslanır */
@media (min-width: 1240px) {
    body.t-var-d .dh-vgrid {
        display: grid;
        grid-template-columns: minmax(0, 984fr) minmax(0, 312fr);
        gap: 24px;
        align-items: stretch;
    }
    body.t-var-d .dh-vgrid--solo { grid-template-columns: minmax(0, 1fr); }
    body.t-var-d .dh-vgrid > .dh-spot { align-self: start; }
    /* Yan sütun öne çıkanın yüksekliğini alır; iki kart eşit pay, görsel kalan yüksekliği doldurur
       (1440'ta 312×185 ≈ 16:9), metin bloğu 2 satırlık başlığa göre sabit 80 px: kenarlar ve 24 px aralık sabit */
    body.t-var-d .dh-vgrid__side {
        display: flex;
        flex-direction: column;
        gap: 24px;
        min-width: 0;
    }
    body.t-var-d .dh-card--side {
        display: flex;
        flex-direction: column;
        flex: 1 1 0;
        min-height: 0;
    }
    body.t-var-d .dh-card--side .dh-card__media { flex: 1 1 auto; min-height: 120px; aspect-ratio: auto; }
    body.t-var-d .dh-card--side .dh-card__body { flex: none; height: 80px; }
    body.t-var-d .dh-rail__item--dup,
    body.t-var-d .dh-rail--dup-only { display: none; }
}

/* Mobil: rayın altında tam genişlik "Tümü" düğmesi */
body.t-var-d .dh-ghost-wrap { margin-top: 24px; }
body.t-var-d .dh-ghost {
    --vr-theme-color: var(--d-navy-600);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 44px;
    border: 1px solid var(--d-line-strong);
    border-radius: var(--d-r-md);
    color: var(--d-navy-600);
    font: 700 14px / 20px var(--d-font);
    letter-spacing: .01em;
    text-decoration: none;
    transition: background-color var(--d-t-fast) var(--d-ease), border-color var(--d-t-fast) var(--d-ease);
}
body.t-var-d .dh-ghost:hover { background: var(--d-white); border-color: var(--d-navy-300); }
body.t-var-d .dh-ghost:focus-visible { outline: 2px solid var(--d-navy-600); outline-offset: 2px; }
@media (min-width: 768px) {
    body.t-var-d .dh-ghost-wrap { display: none; }
}

/* ───────────── index_bottom reklamı: sis bandı 40 / 40, çerçevesiz ───────────── */
body.t-var-d .dh-adband { padding-block: 40px; }

/* ───────────── Blog / son yazılar ızgarası (yalnız veri varsa basılır) ───────────── */
body.t-var-d .dh-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 768px) {
    body.t-var-d .dh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    body.t-var-d .dh-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.t-var-d .dh-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ───────────── Gölgeler (yalnız sis üzerindeki beyaz/görsel kartlar; beyaz bantta yalnız üzerine gelince) ───────────── */
@layer base {
    body.t-var-d .dh-band--mist .dh-card__media:not(#tay-flat),
    body.t-var-d .dh-band--mist .dh-spot:not(#tay-flat) {
        box-shadow: var(--d-sh-1) !important;
    }
    body.t-var-d .dh-band--mist .dh-card:hover .dh-card__media:not(#tay-flat),
    body.t-var-d .dh-band--white .dh-card:hover .dh-card__media:not(#tay-flat),
    body.t-var-d .dh-band--mist .dh-spot:hover:not(#tay-flat) {
        box-shadow: var(--d-sh-2) !important;
    }
}

/* ───────────── Azaltılmış hareket: dönüşüm yok, renk geçişleri kalır ───────────── */
@media (prefers-reduced-motion: reduce) {
    body.t-var-d .dh-rail { scroll-behavior: auto; }
    body.t-var-d :is(.dh-card, .dh-spot, .dh-poster, .dh-person):hover,
    body.t-var-d :is(.dh-card, .dh-spot, .dh-poster):hover :is(.dh-card__media, .dh-spot__media, .dh-poster__media) img,
    body.t-var-d :is(.dh-more, .dh-ghost):hover .dh-more__arrow,
    body.t-var-d .dh-play,
    body.t-var-d :is(.dh-card, .dh-spot):is(:hover, :focus-visible) .dh-play,
    body.t-var-d .dh-gazi-go__logo {
        transform: none;
    }
    body.t-var-d :is(.dh-card, .dh-spot, .dh-poster, .dh-person, .dh-play, .dh-more__arrow),
    body.t-var-d :is(.dh-card__media, .dh-spot__media, .dh-poster__media) img {
        transition-property: color, background-color, border-color, opacity, box-shadow;
    }
}