/*
 * Path: /ziyabilgin.com/public/assets/css/video.css
 * Purpose: Video oynatıcıların boyutunu oynatma öncesinde sabitlemek.
 * Responsibilities: Kayma oluşturmayan poster ve oynat düğmesini göstermek.
 */
.video-frame { display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #19342f; color: #fff; border: 0; }
.video-launch { display: grid; place-items: center; position: absolute; inset: 0; width: 100%; height: 100%; padding: 1rem; border: 0; background: linear-gradient(135deg, #19342f, #47685c); color: inherit; cursor: pointer; font: inherit; }
.video-launch img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.video-launch::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 40%, #10221cbd); }
.video-play, .video-title { position: relative; z-index: 1; }
.video-play { display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: #fff; color: #19342f; font-size: 1.2rem; }
.video-title { align-self: end; font-weight: 700; }
.video-launch:hover .video-play { transform: scale(1.08); }
.video-launch:focus-visible { outline: 3px solid #f8b58d; outline-offset: -6px; }
.video-frame iframe { width: 100%; height: 100%; border: 0; }
.video-player { display: block; width: 100%; height: 100%; object-fit: contain; }