.banner {
    height: 85vh;

    background:
        linear-gradient(
            to top,
            #111,
            transparent
        ),
        linear-gradient(
            to right,
            rgba(0,0,0,0.85),
            transparent
        );

    background-color: #111;

    background-size: cover;
    background-position: center;
}


.overlay {

    height: 100%;

    display: flex;

    align-items: center;

    padding: 60px;

}


.info {

    max-width: 600px;

}


.info h1 {

    font-size: 4rem;

    margin-bottom: 20px;

}


.meta {

    display: flex;

    gap: 15px;

    color: #ccc;

    margin-bottom: 20px;

}


.info p {

    font-size: 1.1rem;

    line-height: 1.6;

    margin-bottom: 30px;

}


.play {

    background: white;

    color: black;

    border: none;

    padding: 15px 35px;

    border-radius: 5px;

    font-size: 1rem;

    cursor: pointer;

    transition: 0.2s;

}


.play:hover {

    background: #ddd;

}


.episodes {

    padding: 40px 60px;

}


.episodes h2 {

    margin-bottom: 25px;

}


.episode {

    text-decoration: none;

    color: white;

    background: #181818;

    padding: 20px;

    margin-bottom: 15px;

    border-radius: 8px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    transition: 0.2s;

}


.episode:hover {

    background: #2a2a2a;

}


.episode button {

    background: #e50914;

    color: white;

    border: none;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    cursor: pointer;

    font-size: 16px;

}

.play {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    width: fit-content;

    background: white;

    color: black;

    padding: 15px 35px;

    border-radius: 5px;

    font-size: 1rem;

    font-weight: 600;

    transition: .2s;

}

.play:hover {

    background: #ddd;

}

.play-icon {

    font-size:18px;

}

.episode-play {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: #e50914;

    display: flex;

    align-items: center;

    justify-content: center;

}

a {

    -webkit-tap-highlight-color: transparent;

}

@media(max-width:768px){

    .banner{

        min-height:60vh;

        height:auto;

    }

    .overlay{

        padding:30px;

    }

    .info{

        max-width:100%;

    }

    .info h1{

        font-size:2rem;

    }

    .meta{

        font-size:14px;

        gap:10px;

    }

    .info p{

        font-size:14px;

        line-height:1.5;

    }

    .episodes{

        padding:25px;

    }

    .episode{

        padding:16px;

    }

    .episode-play{

        width:40px;

        height:40px;

        font-size:14px;

    }

}

.native-ad {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 20px;
    margin-bottom: 10px;
}