/* Film: geniş afiş + oynat düğmesi; tıklayınca aynı çerçevede oynar. */
.bolum-film { background: linear-gradient(180deg, var(--gece-2), var(--gece)); }
.film-bas { margin-bottom: clamp(28px, 4.5vh, 48px); }
.film-kutu { aspect-ratio: 16 / 9; background: #050403; width: 100%; max-width: 1180px; margin-inline: auto; }
.bolum-film .kap { display: grid; }
.bolum-film .bolum-bas { max-width: 1180px; width: 100%; margin-inline: auto; }
.film-afis, .film-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #050403; }
.film-afis { transition: transform 1.2s var(--yay), filter .6s; }
.film-kutu:hover .film-afis { transform: scale(1.015); }
.film-oynat { position: absolute; inset: 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; border: 0; background: none; cursor: pointer; padding: 0; }
.film-ok { display: grid; place-items: center; width: clamp(68px, 7vw, 92px); height: clamp(68px, 7vw, 92px); border-radius: 6px; background: var(--altin); color: #15100A; box-shadow: 0 18px 50px -12px rgba(0,0,0,.65); transition: background .25s, transform .35s var(--yay); }
.film-ok svg { width: 34%; height: auto; margin-inline-start: 6%; }
html[dir="rtl"] .film-ok svg { transform: scaleX(-1); margin-inline-start: 0; margin-inline-end: 6%; }
.film-yazi { padding: 8px 12px; border-radius: 4px; background: rgba(10,8,6,.78); color: var(--metin); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.film-oynat:hover .film-ok, .film-oynat:focus-visible .film-ok { background: var(--altin-acik); transform: scale(1.06); }
.film-oynat:focus-visible { outline-offset: -6px; }
.film-kutu.oynuyor .film-afis, .film-kutu.oynuyor .film-oynat { display: none; }
.film-video[hidden] { display: none; }
.film-not { max-width: 1180px; width: 100%; margin: 14px auto 0; letter-spacing: .08em; text-transform: uppercase; font-size: 11px; }
@media (max-width: 760px) { .film-yazi { font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .film-afis, .film-ok { transition: none; } }