/* Video sayfaları (yeni tasarım): /videogaleri, /videolar ve detayları. kpy-liste.css / kpy-detay.css üzerine eklenir. */

/* ---------- Liste: küçük resimli kart ---------- */
.kpv-thumb { aspect-ratio: 16 / 9; background: radial-gradient(circle at 50% 40%, var(--g-700), var(--g-950)); }
.kpv-thumb::after {
    content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background: linear-gradient(180deg, rgba(4, 21, 14, 0) 45%, rgba(4, 21, 14, .55) 100%);
    transition: background .3s ease;
}
.kpl-card:hover .kpv-thumb::after { background: linear-gradient(180deg, rgba(4, 21, 14, .15) 0%, rgba(4, 21, 14, .6) 100%); }
.kpv-play {
    position: absolute; left: 50%; top: 50%; z-index: 3; width: 62px; height: 62px; margin: -31px 0 0 -31px; border-radius: 50%;
    display: grid; place-items: center; color: var(--gold-2); font-size: 1.15rem;
    background: rgba(4, 21, 14, .55); border: 1.5px solid rgba(233, 211, 154, .7);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35); transition: transform .3s ease, background .3s ease, color .3s ease;
}
.kpv-play i { margin-left: 3px; }
.kpl-card:hover .kpv-play, .kpd-rcard:hover .kpv-play { transform: scale(1.1); background: var(--gold-grad); color: var(--g-900); border-color: transparent; }
.kpv-play--sm { width: 32px; height: 32px; margin: -16px 0 0 -16px; font-size: .7rem; border-width: 1px; }
.kpv-play--sm i { margin-left: 2px; }
.kpv-dur {
    position: absolute; right: 12px; bottom: 12px; z-index: 3; display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 9px; border-radius: 8px; font-size: .72rem; font-weight: 800; letter-spacing: .3px; color: #fff;
    background: rgba(4, 21, 14, .82); font-variant-numeric: tabular-nums;
}
.kpv-dur i { color: var(--gold-2); font-size: .65rem; }
.kpv-dur--sm { right: 5px; bottom: 5px; padding: 2px 6px; font-size: .62rem; border-radius: 6px; }

.kpv-grid .kpl-more { color: var(--gold-3) !important; font-size: .76rem; }
.kpv-grid .kpl-more i { font-size: .62rem; }
.kpl-card:hover .kpl-more { color: var(--g-600) !important; }

.kpv-tools { display: flex; align-items: center; gap: 10px; flex: 0 1 auto; flex-wrap: wrap; }
.kpv-tools .kpl-search { flex: 1 1 300px; }
.kpv-tools .kpl-select { cursor: pointer; }
.kpv-head__link { display: inline-flex; align-items: center; gap: 8px; font-size: .86rem; font-weight: 800; color: var(--g-600); text-decoration: none; white-space: nowrap; }
.kpv-head__link:hover { color: var(--g-800); }
.kpv-head__link i { font-size: .72rem; transition: transform .2s; }
.kpv-head__link:hover i { transform: translateX(4px); }

/* Kenar listesi (liste + detay) */
.kpv-minis { display: flex; flex-direction: column; }
.kpv-mini { display: flex; gap: 12px; align-items: center; padding: 10px 0; text-decoration: none; border-bottom: 1px dashed var(--line); }
.kpv-mini:first-child { padding-top: 0; }
.kpv-mini:last-child { border-bottom: 0; padding-bottom: 0; }
.kpv-mini__img {
    position: relative; flex-shrink: 0; width: 116px; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden;
    display: grid; place-items: center; background: linear-gradient(135deg, var(--g-600), var(--g-900)); color: rgba(233, 211, 154, .5);
}
.kpv-mini__img img { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.kpv-mini:hover .kpv-mini__img img { transform: scale(1.08); }
.kpv-mini__img .kpv-play { opacity: .92; }
.kpv-mini:hover .kpv-play { background: var(--gold-grad); color: var(--g-900); border-color: transparent; }
.kpv-mini__txt { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.kpv-mini__txt strong {
    color: var(--g-800); font-size: .88rem; line-height: 1.3; transition: color .2s;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.kpv-mini:hover .kpv-mini__txt strong { color: var(--g-500); }
.kpv-mini__txt small { display: flex; flex-wrap: wrap; gap: 4px 10px; color: var(--muted); font-size: .74rem; }
.kpv-mini__txt small i { color: var(--gold-3); margin-right: 4px; }
.kpv-side-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: .84rem; font-weight: 800; color: var(--g-600); text-decoration: none; }
.kpv-side-link:hover { color: var(--g-800); }
.kpv-side-link i { font-size: .72rem; transition: transform .2s; }
.kpv-side-link:hover i { transform: translateX(4px); }
.kpv-side-empty { margin: 0; color: var(--muted); font-size: .88rem; }

/* ---------- Detay: sinematik hero + oynatıcı ---------- */
.kpv-hero { padding-bottom: 60px; }
.kpv-hero .kpd-hero__bg { opacity: .5; }
.kpv-hero .kpd-hero__shade {
    background:
        radial-gradient(1000px 520px at 50% 38%, rgba(201, 165, 90, .16), transparent 62%),
        linear-gradient(180deg, rgba(4, 21, 14, .78) 0%, rgba(4, 21, 14, .9) 55%, rgba(4, 21, 14, .98) 100%);
}
.kpv-hero .kpd-hero__in { max-width: 1120px; }
.kpv-stage { position: relative; margin: 4px 0 30px; }
.kpv-stage::before {
    content: ''; position: absolute; inset: 8% 6% -6%; z-index: 0; border-radius: 40px; pointer-events: none;
    background: radial-gradient(closest-side, rgba(201, 165, 90, .32), transparent);
    filter: blur(30px);
}
.kpv-player {
    position: relative; z-index: 1; aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: #000;
    box-shadow: 0 40px 90px rgba(0, 0, 0, .55), 0 0 0 1px rgba(233, 211, 154, .28);
}
.kpv-player iframe, .kpv-player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: #000; }
.kpv-player__ph { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; color: rgba(255, 255, 255, .8); }
.kpv-player__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .45; }
.kpv-player__ph > div { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 20px; }
.kpv-player__ph > div > i { font-size: 3rem; color: rgba(233, 211, 154, .55); }
.kpv-player__ph p { margin: 0; font-weight: 700; }

.kpv-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px 28px; flex-wrap: wrap; }
.kpv-head__txt { min-width: 0; flex: 1 1 520px; }
.kpv-head .kpd-title { font-size: clamp(1.6rem, 3.4vw, 2.6rem); margin-bottom: 16px; }
.kpv-head__act { display: flex; gap: 10px; flex-wrap: wrap; }
.kpv-btn-ghost {
    display: inline-flex; align-items: center; gap: 9px; padding: 11px 20px; border-radius: 999px; font-weight: 800; font-size: .86rem;
    color: #fff; text-decoration: none; background: rgba(255, 255, 255, .08); border: 1px solid rgba(233, 211, 154, .3);
    transition: background .2s, color .2s, transform .2s;
}
.kpv-btn-ghost:hover { background: rgba(255, 255, 255, .16); color: var(--gold-2); transform: translateY(-2px); }
.kpv-btn-ghost .fa-youtube { color: #ff4d4d; }

/* Açıklama kartı */
.kpv-about .kpd-prose { font-size: 1.02rem; }
.kpv-about .kpd-tags { margin-top: 24px; }

/* Bilgi listesi */
.kpv-info { list-style: none; margin: 0; padding: 0; }
.kpv-info li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px dashed var(--line); font-size: .88rem; }
.kpv-info li:last-child { border-bottom: 0; padding-bottom: 0; }
.kpv-info li:first-child { padding-top: 0; }
.kpv-info span { display: inline-flex; align-items: center; gap: 9px; color: var(--muted); font-weight: 600; }
.kpv-info span i { width: 16px; text-align: center; color: var(--gold-3); }
.kpv-info b { color: var(--g-800); text-align: right; }
.kpd-scard h3.kpv-stitle { font-family: var(--serif); font-size: 1.18rem; color: var(--g-800); margin: 0 0 16px; display: flex; align-items: center; gap: 10px; }
.kpd-scard h3.kpv-stitle i { color: var(--gold-3); font-size: .95rem; }

/* İlgili videolar */
.kpv-rthumb { aspect-ratio: 16 / 9; }
.kpv-rthumb::after { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, transparent 50%, rgba(4, 21, 14, .5)); pointer-events: none; }
.kpv-rthumb .kpv-play { width: 46px; height: 46px; margin: -23px 0 0 -23px; font-size: .85rem; }
.kpv-rthumb .kpv-dur { right: 10px; bottom: 10px; }
@media (min-width: 768px) {
    .kpv-sayfa .kpd-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- Duyarlı ---------- */
@media (max-width: 1199px) {
    .kpl-layout .kpv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .kpv-hero { padding-bottom: 48px; }
    .kpv-player { border-radius: 18px; }
}
@media (max-width: 767px) {
    .kpv-tools { width: 100%; }
    .kpv-tools .kpl-select { flex: 1 1 100%; }
    .kpv-play { width: 54px; height: 54px; margin: -27px 0 0 -27px; }
    .kpv-hero { padding-bottom: 36px; }
    .kpv-stage { margin-bottom: 22px; }
    .kpv-player { border-radius: 14px; }
    .kpv-head__act { width: 100%; }
}
@media (max-width: 575px) {
    .kpl-layout .kpv-grid { grid-template-columns: 1fr; }
    .kpv-hero .kpy-container { padding: 0 14px; }
    .kpv-mini__img { width: 104px; }
}
@media (prefers-reduced-motion: reduce) {
    .kpv-play, .kpv-thumb::after, .kpv-mini__img img, .kpv-btn-ghost, .kpv-head__link i, .kpv-side-link i { transition: none !important; }
    .kpl-card:hover .kpv-play, .kpd-rcard:hover .kpv-play { transform: none; }
}
@media print {
    .kpv-stage { display: none; }
}