/* =====================================================
   OZİ VIDEO DÜNYASI
===================================================== */

.video-hero{
    padding:90px 0 80px;
    background:linear-gradient(180deg,#EFFFFE,#DFFFF8);
}

.video-hero-grid{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:60px;
    align-items:center;
}

.video-hero h1{
    font-size:64px;
    color:#0D8EA0;
    margin:20px 0;
}

.video-hero p{
    font-size:22px;
    line-height:1.8;
    max-width:560px;
}

.video-ozi{
    display:flex;
    justify-content:center;
}

.video-ozi img{
    width:min(420px,100%);
    animation:oziFloat 4s ease-in-out infinite;
}

.video-section{
    padding:100px 0;
}

.video-section.soft{
    background:#F5FFFE;
}

/* Video Kartları */

.video-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.video-card{
    background:white;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 16px 35px rgba(0,0,0,.08);
    transition:.35s;
}

.video-card:hover{
    transform:translateY(-10px);
}

.thumbnail{
    height:180px;
    background:linear-gradient(135deg,#4FDFF1,#1CBED3);
    display:flex;
    align-items:center;
    justify-content:center;
}

.play-button{
    width:70px;
    height:70px;
    border-radius:50%;
    background:white;
    color:#14C8D8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    box-shadow:0 10px 20px rgba(0,0,0,.15);
}

.video-info{
    padding:24px;
}

.episode-tag{
    display:inline-block;
    background:#FFF3C0;
    color:#9B7400;
    padding:6px 12px;
    border-radius:999px;
    font-size:14px;
    font-weight:700;
    margin-bottom:12px;
}

.video-info h3{
    color:#0D8EA0;
    font-size:26px;
    margin-bottom:10px;
}

.video-info p{
    line-height:1.6;
}

.video-meta{
    display:flex;
    justify-content:space-between;
    margin-top:18px;
    font-size:15px;
    color:#5C7B80;
}

/* Seriler */

.series-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:24px;
}

.series-card{
    border-radius:28px;
    padding:28px;
    color:white;
    font-size:24px;
    font-weight:700;
    text-align:center;
}

.green{background:linear-gradient(135deg,#39C980,#69E0A3);}
.blue{background:linear-gradient(135deg,#16B8D8,#59DDF0);}
.orange{background:linear-gradient(135deg,#FF9445,#FFBE67);}
.pink{background:linear-gradient(135deg,#FF6CA6,#FF94C2);}

.video-end{
    padding:90px 0 120px;
    background:linear-gradient(180deg,#E7FFFC,#D5FFF4);
}

/* Mobil */

@media(max-width:900px){

    .video-hero-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .video-hero p{
        margin:auto;
    }

    .video-ozi{
        order:-1;
    }

}