.video-slider {
position: relative;
width: 100%;
height: 100vh;
/* Tüm ekran yüksekliği */
background-color: #000;
font-family: 'Montserrat', sans-serif;
overflow: hidden;
/* Ekrana sığmayan (kırpılan) Youtube izlerini gizler */
margin: 0;
padding: 0;
}/*
VİDEONUN BULUNDUĞU KUTU
(Tüm boşluklar sıfırlandı, ekranı %100 kaplar)
*/
.video-slider .video-slider-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}/*
1920x1080 FULL HD ORANI (16:9) VE YOUTUBE YAZILARINI GİZLEME
*/
.video-slider .video-slider-iframe-wrapper {
position: absolute;
top: 50%;
left: 50%;
/* scale(1.35) videoyu hafif büyütür ve Youtube logolarını monitörün/ekranın dışına iter */
transform: translate(-50%, -50%) scale(1.35);/* 1920x1080 Matematiksel Oranı (16:9 Aspect Ratio) */
width: 100vw;
height: 56.25vw;
/* 1080 / 1920 */
min-height: 100vh;
min-width: 177.77vh;
/* 1920 / 1080 */pointer-events: none;
/* YouTube etkileşimlerini tamamen kapatır */
}.video-slider .video-slider-iframe-wrapper iframe {
width: 100%;
height: 100%;
border: none;
filter: contrast(1.05) saturate(1.1);
/* Lüks renk doygunluğu */
}/* VİDEO ÜZERİNE LÜKS KARARTMA PERDESİ (Yazı okunması için) */
.video-slider .video-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
z-index: 2;
pointer-events: none;
}/* İSTEĞE BAĞLI: YAZI ALANI */
.video-slider .video-slider-content {
position: absolute;
bottom: 60px;
left: 60px;
z-index: 3;
color: #fff;
pointer-events: none;
}.video-slider .video-slider-content h3 {
font-size: 36px;
font-weight: 500;
letter-spacing: 2px;
margin-bottom: 10px;
text-transform: uppercase;
}.video-slider .video-slider-content p {
font-size: 16px;
font-weight: 300;
color: #e0e0e0;
letter-spacing: 1px;
}/* MOBİL UYUMLULUK (Sadece yazının boyutunu küçültür) */
@media (max-width: 992px) {
.video-slider .video-slider-content {
bottom: 40px;
left: 40px;
}.video-slider .video-slider-content h3 {
font-size: 28px;
}
}@media (max-width: 600px) {
.video-slider .video-slider-content {
bottom: 30px;
left: 30px;
right: 30px;
}.video-slider .video-slider-content h3 {
font-size: 24px;
}
}@media(max-width:1024px){
.video-slider {
height: 50vh;
}
}